React Toggle Button

toggle.jsx

const WebToggle = () => {
    const [toggle, setToggle] = useState<boolean>(false);
    toggle ? '#000' : '#fff';
    return (
        <div>
            <h1>WebToggle</h1>
            <button onClick={() => {
                setToggle(!toggle);
            }}
            style={{
                background: toggle ? '#000' : '#fff',
                color: toggle ? '#fff' : '#000',
                border: '1px solid #000',
                borderRadius: '5px',
                padding: '5px'
            }}
            >
                Toggle {toggle ? 'ON' : 'OFF'}
            </button>
        </div>
    );
};