import { cn } from '@/lib/utils'

export const entityDialogContentClasses = cn(
  'flex flex-col p-0 gap-0',
  'max-h-[90vh] w-full max-w-[calc(100%-2rem)]',
  'max-sm:w-screen max-sm:h-screen max-sm:max-h-screen max-sm:max-w-none max-sm:rounded-none',
  'sm:max-w-[90vw] sm:max-h-[85vh]',
  'lg:max-w-[50vw] lg:min-w-[480px]',
)

export const entityDialogHeaderClasses =
  'flex items-center justify-between px-6 pt-5 pb-4 border-b border-outline-variant shrink-0'

export const entityDialogBodyClasses = 'flex-1 overflow-y-auto px-6 py-6 space-y-6'

export const entityDialogFooterClasses =
  'border-t border-outline-variant px-6 py-4 shrink-0'