import { cva, type VariantProps } from 'class-variance-authority';

/** Shared top-radius + clip — used by background CVA and gorhom modal `style` (via useResolveClassNames). */
export const bottomSheetModalContainerClassName = 'overflow-hidden rounded-t-4xl';

/** Gorhom backgroundComponent — surface fill + shared top-radius clip. */
export const bottomSheetBackgroundClassName = `${bottomSheetModalContainerClassName} bg-surface-primary`;

export const bottomSheetHeaderVariants = cva(
  [
    'flex-row items-center justify-between min-h-11 px-4 pt-3 pb-2.5',
    'bg-surface-primary',
    'text-content-primary',
  ],
  {
    variants: {
      hasTitle: {
        true: '',
        false: 'justify-end',
      },
    },
    defaultVariants: {
      hasTitle: true,
    },
  },
);

export const bottomSheetContentVariants = cva(['bg-surface-primary', 'px-5 pb-5 gap-3']);

export const bottomSheetFooterVariants = cva(['px-5 pb-5 gap-2', 'bg-surface-primary']);

export type BottomSheetHeaderVariants = VariantProps<typeof bottomSheetHeaderVariants>;