export function FormField({ label, error, children }) {
  return (
    <div className="space-y-1">
      {label && (
        <label className="label">
          {label}
        </label>
      )}
      {children}
      {error && (
        <p className="text-sm text-red-600 mt-1">
          {error}
        </p>
      )}
    </div>
  );
}

export function Input({ type = 'text', ...props }) {
  return (
    <input
      type={type}
      className="input"
      {...props}
    />
  );
}

export function Button({ variant = 'primary', children, ...props }) {
  const className = variant === 'primary' ? 'btn-primary' : 'btn-secondary';
  
  return (
    <button
      className={className}
      {...props}
    >
      {children}
    </button>
  );
} 