<BionicText text="Hello bionic reading lovers" />

<BionicBlock>
  <h1>Here is my Bionic Block</h1>
  <p>The above is an example of the Bionic Block component</p>
</BionicBlock>

const BionicSwitch = () => {
  const { bionicMode, setBionicMode } = useBionic();

  return (
    <div>
      <p>Bionic Mode: </p>
      <p>Off</p>
      <Switch
        onCheckedChange={(checked) => setBionicMode(checked)}
        checked={bionicMode}
      />
      <p>On</p>
    </div>
  );
};

export default BionicSwitch;