import React from 'react' ; import EmojiIcon from '@atlaskit/icon/glyph/emoji' ; import Select , { components , DropdownIndicatorProps } from 'react-select' ; import { ColourOption , colourOptions } from '../data' ; const DropdownIndicator = ( props ) => { return ( < components . DropdownIndicator { ... props } > < EmojiIcon label = "Emoji" primaryColor = { colourOptions [ 2 ] . color } / > < /components.DropdownIndicator>); } ; export default ( ) => ( < Select closeMenuOnSelect = { false } components = { { DropdownIndicator } } defaultValue = { [ colourOptions [ 4 ] , colourOptions [ 5 ] ] } isMulti options = { colourOptions } / > ) ;