vitess.io/vitess@v0.16.2/web/vtadmin/src/components/toggle/Toggle.tsx (about)

     1  import { Switch } from '@headlessui/react';
     2  
     3  interface ToggleParams {
     4      enabled: boolean;
     5      onChange: () => void;
     6      className?: string;
     7  }
     8  
     9  const Toggle: React.FC<ToggleParams> = ({ enabled, className, onChange }) => {
    10      return (
    11          <div className={className}>
    12              <Switch checked={enabled} onChange={onChange} className={enabled ? 'toggle on' : 'toggle off'}>
    13                  <span className="sr-only">Use setting</span>
    14                  <span aria-hidden="true" className={enabled ? 'toggle-button on' : 'toggle-button off'} />
    15              </Switch>
    16          </div>
    17      );
    18  };
    19  
    20  export default Toggle;