import * as React from 'react';
import {
  BaseToggle,
  type BaseToggleProps,
  baseToggleVariants,
} from './BaseToggle';

import { cn } from '../..';

import styles from './Toggle.module.css';

export type ToggleProps = BaseToggleProps & {};

const toggleVariants = baseToggleVariants;

function Toggle(props: ToggleProps) {
  return (
    <BaseToggle className={cn(styles.Toggle, toggleVariants)} {...props} />
  );
}

export { Toggle, toggleVariants };
