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

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
export const DropDownItemAction = styled(Box).attrs(props => ({
  className: cssClass('DropDownItemAction', props.className)
}))`
  ${({
  onClick
}) => onClick ? 'cursor: pointer;' : ''};
`;
DropDownItemAction.defaultProps = {
  width: 1,
  px: 'xxl',
  py: 'lg'
};
export default DropDownItemAction;