import React from 'react' ; import cx from 'classnames' ; import { Dropdown as SemanticDropdown , DropdownProps as SUIDropdownProps } from 'semantic-ui-react' ; import common from '../../common.scss' ; import styles from './styles.scss' ; export type DropdownProps = SUIDropdownProps & { noCaret ? : boolean ; noBorder ? : boolean ; } ; const Dropdown = ( { className , noCaret = false , noBorder = false , ... props } ) => < SemanticDropdown { ... props } className = { cx ( common . nuclear , styles . dropdown , { [ styles . no_caret ] : noCaret , [ styles . no_border ] : noBorder } , className ) } />; Dropdown . displayName = 'Dropdown' ; export default Dropdown ;