import classnames from 'classnames';

export const defaultSelectElement = (hasError?: boolean) =>
  classnames(defaultFormElement(hasError), 'dark:bg-black');

export const defaultFormElement = (hasError?: boolean) =>
  classnames(
    'flex items-center w-full text-sm',
    'p-2 border-2 rounded-none',
    'bg-transparent',
    'border border-neutral-500 focus:border-black dark:focus:border-white',
    'disabled:opacity-60',
    {
      'border-vega-pink': hasError,
    }
  );
