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

type SelectionCardProps = {
    children: React.ReactNode;
    className?: string;
};

export function SelectionCard({ children, className }: SelectionCardProps) {
    return (
        <label
            className={cn(
                'flex cursor-pointer items-center justify-between gap-4 rounded-xl border p-4 transition-colors hover:bg-accent/50 has-[:checked]:border-primary has-[:checked]:bg-primary/5',
                className,
            )}
        >
            {children}
        </label>
    );
}