import { Switch as BaseSwitch } from '@base-ui-components/react/switch';

import { cx } from '../../utils/styleUtils';

import style from './Switch.module.scss';

interface SwitchProps extends BaseSwitch.Root.Props {
  size?: 'medium' | 'large';
}

export default function Switch({ size = 'medium', ...switchProps }: SwitchProps) {
  return (
    <BaseSwitch.Root className={cx([style.switch, style[size]])} {...switchProps}>
      <BaseSwitch.Thumb className={style.thumb} />
    </BaseSwitch.Root>
  );
}