import { recipe, RecipeVariants } from '@vanilla-extract/recipes';

import { vars, buttonReset } from '../css';

export const switchStyle = recipe({
  base: [
    buttonReset,
    {
      cursor: 'pointer',
      userSelect: 'none',
      fontSize: vars.fontSizes.body1,
    },
  ],

  variants: {
    disabled: {
      true: {
        opacity: 0.5,
      },
    },
  },
});

export type SwitchVariants = NonNullable<RecipeVariants<typeof switchStyle>>;