// Copyright (C) 2012-2024 Zammad Foundation, https://zammad-foundation.org/

import type { Classes } from '#shared/form/plugins/utils.ts'
import { clean, extendClasses } from '#shared/form/plugins/utils.ts'

import { addStaticFloatingLabel } from './addStaticFloatingLabel.ts'

export const addBlockFloatingLabel = (classes: Classes = {}): Classes => {
  return addStaticFloatingLabel(
    extendClasses(classes, {
      outer: 'floating-input',
      label: clean(
        `formkit-populated:-translate-y-[0.4rem] formkit-populated:scale-80 formkit-populated:opacity-75 formkit-populated:text-xs text-base`,
      ),
    }),
  )
}