import { styled } from 'styled-components';
import { Box } from '../../atoms/box/index.js';
import { cssClass } from '../../utils/index.js';

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
export const DropDownItemAction = styled(Box).attrs(props => ({
  className: cssClass('DropDownItemAction', props.className)
})).withConfig({
  displayName: "drop-down-item-action__DropDownItemAction",
  componentId: "sc-17xfhua-0"
})(["", ";"], ({
  onClick
}) => onClick ? 'cursor: pointer;' : '');
DropDownItemAction.defaultProps = {
  width: 1,
  px: 'xxl',
  py: 'lg'
};
export default DropDownItemAction;