mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-04-25 11:59:11 +00:00
20 lines
420 B
TypeScript
20 lines
420 B
TypeScript
import { ToggleState, ToggleSwitch } from './Toggle.styled';
|
|
|
|
type ToggleProps = {
|
|
onChange?: (newState: boolean) => void;
|
|
children: React.ReactNode;
|
|
state: boolean;
|
|
};
|
|
|
|
export const Toggle = (props: ToggleProps) => (
|
|
<div
|
|
onClick={() => {
|
|
props.onChange?.(!props.state);
|
|
}}
|
|
>
|
|
{props.children}{' '}
|
|
<ToggleSwitch state={props.state}>
|
|
<ToggleState />
|
|
</ToggleSwitch>
|
|
</div>
|
|
);
|