scripts/core/ui/components/Dropdown/Dropdown.tsx
import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
/**
* @ngdoc react
* @name Dropdown
* @description Main dropdown component
*/
export const Dropdown: React.StatelessComponent<any> = ({children, className, isOpen, alignRight, dropUp}) => (
<div
className={classNames(
'dropdown',
{
'dropdown--align-right': alignRight,
open: isOpen,
},
{'dropdown--dropup': dropUp},
className,
)}
>
{children}
</div>
);
Dropdown.propTypes = {
children: PropTypes.node,
className: PropTypes.string,
isOpen: PropTypes.bool,
alignRight: PropTypes.bool,
dropUp: PropTypes.bool,
};