() => {
  const [darkMode, setDarkMode] = React.useState(false);

  const handleChange = () => {
    setDarkMode(!darkMode);
  };

  return (
    <div
      style={{
        padding: defaultTheme.orbit.spaceMedium,
        backgroundColor: darkMode
          ? defaultTheme.orbit.paletteInkNormal
          : defaultTheme.orbit.paletteCloudLight,
      }}
    >
      <Stack align="center">
        <Switch
          ariaLabelledby="darkmode"
          checked={darkMode}
          onChange={handleChange}
        />
        <Text id="darkmode" type={darkMode ? "white" : "primary"}>
          Dark mode
        </Text>
      </Stack>
    </div>
  );
};