// @design-system: domain/MerchantCard
import { cva } from 'class-variance-authority';

export const merchantCardVariants = cva(
  'bg-surface-raised border border-border-default rounded-2xl overflow-hidden transition-shadow duration-fast',
  {
    variants: {
      variant: {
        /** Square tile — merchant grid */
        grid: 'flex flex-col items-center gap-2 p-4 hover:shadow-md',
        /** Horizontal compact row in a scroll strip */
        scroll: 'flex flex-col items-center gap-2 p-3 w-28 shrink-0 hover:shadow-md',
        /** Full-width horizontal row */
        row: 'flex flex-row items-center gap-3 px-4 py-3 w-full hover:bg-surface-hover',
        /** Used inside a business/deal page header — minimal chrome */
        header:
          'flex flex-row items-center gap-3 px-0 py-0 border-none rounded-none bg-transparent',
      },
    },
    defaultVariants: {
      variant: 'grid',
    },
  },
);