// components/common/primary-button.tsx

'use client';

import { ButtonHTMLAttributes, ReactNode } from 'react';
import cn from '@/utils/class-names';

interface PrimaryButtonProps
  extends ButtonHTMLAttributes<HTMLButtonElement> {
  children: ReactNode;
  className?: string;
}

export default function PrimaryButton({
  children,
  className,
  ...props
}: PrimaryButtonProps) {
  return (
    <button
      className={cn(
        'inline-flex items-center gap-2 rounded-lg bg-primary px-4 py-2 text-sm font-medium text-white transition hover:opacity-90',
        className
      )}
      {...props}
    >
      {children}
    </button>
  );
}