Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | import React, { useCallback } from 'react';
import { Switch } from '@mui/material';
import './styles.scss';
export type AntSwitchProps = {
checked?: boolean;
disabled?: boolean;
onChange?: (checked: boolean) => void;
};
const AntSwitch = (props: AntSwitchProps) => {
const { checked, disabled, onChange } = props;
const onChangeHandler = useCallback(
(event: React.ChangeEvent<HTMLInputElement>, value: boolean) => {
onChange?.(value);
},
[onChange]
);
return <Switch className='ant-switch' checked={checked} disabled={disabled} onChange={onChangeHandler} />;
};
export default AntSwitch;
|