ColorSchemePicker

import { useState } from 'react';
import { ColorSchemePicker } from 'twenty-ui/components';
import { type ColorScheme } from 'twenty-ui/primitives/input';

export const AppearanceChoice = () => {
  const [scheme, setScheme] = useState<ColorScheme>('System');

  return (
    <ColorSchemePicker
      value={scheme}
      onChange={setScheme}
      lightLabel="Light"
      darkLabel="Dark"
      systemLabel="Use system setting"
    />
  );
};