import React from 'react';
import classNames from 'classnames';

import type { SafeOmit } from '@shoptet/utils';

import type { SafeExtract, Size } from '../../../types';
import type { CommonInputProps } from '../types';

/** @inheritdoc */
export interface SwitchProps extends CommonInputProps<boolean> {
  size?: SafeExtract<Size, 'sm' | 'md'>;
}

export const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(function Switch(
  { size = 'md', error, warning, label, onChange, onFocus, onBlur, ...props }: SwitchProps,
  ref
) {
  props satisfies SafeOmit<SwitchProps, 'size' | 'error' | 'warning' | 'label' | 'onChange' | 'onFocus' | 'onBlur'>;
  return (
    <input
      ref={ref}
      className={classNames('switch', `switch--${size}`, {
        'error-field': error,
        'warning-field': warning && !error,
      })}
      type='checkbox'
      role='switch'
      aria-label={label}
      onChange={event => onChange?.(event.target.checked, event)}
      onFocus={event => onFocus?.(event.target.checked, event)}
      onBlur={event => onBlur?.(event.target.checked, event)}
      {...props}
    />
  );
});