import { type ButtonHTMLAttributes } from 'react';

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

import { primaryButtonClassName, secondaryButtonClassName } from './field-styles';

type ButtonVariant = 'primary' | 'secondary';

interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
    variant?: ButtonVariant;
}

export function Button({ className, variant = 'primary', ...props }: ButtonProps) {
    return (
        <button
            className={cn(variant === 'primary' ? primaryButtonClassName : secondaryButtonClassName, className)}
            {...props}
        />
    );
}