import React from 'react';

import {colors} from '@workday/canvas-kit-react/tokens';
import {ColorPicker} from '@workday/canvas-kit-preview-react/color-picker';

import {CanvasColorValue} from '../../docgen/plugins/customTypes';
import {registerWidget} from '../Value';

registerWidget<CanvasColorValue>('canvasColor', () => {
  return (
    <ColorPicker style={{width: 170}} colorSet={Object.values(colors)} onColorChange={() => {}} />
  );
});