import React from 'react';

import IconPickerDropdown from './icon-picker-dropdown';

interface IIconPicker {
  value: string
  onChange: (icon: string) => void
}

const IconPicker: React.FC<IIconPicker> = ({ value, onChange }) => (
  <div className='relative mt-1 rounded-md border border-solid border-gray-300 shadow-sm dark:border-gray-600 dark:bg-gray-800'>
    <IconPickerDropdown value={value} onPickIcon={onChange} />
  </div>
);

export default IconPicker;