import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import clsx from "clsx";
import "./style.scss";
import GetSvgIcon from "../../../GetSvgIcon";
const DropdownItem = ({ onClick, text = "", extraInfo = "", textColor = "gray", disabled = false, showIcon = false, iconType = "cheveronDown", active = false, children, }) => {
    const className = clsx({
        "dropdownItem-Gray": textColor === "gray",
        "dropdownItem-Red": textColor === "red",
        "dropdownItem-Active": active,
        "dropdownItem--Generic": true,
    });
    return (_jsx(_Fragment, { children: _jsxs("button", { className: className, onClick: () => onClick(text), type: "button", disabled: disabled, children: [showIcon && _jsx(GetSvgIcon, { iconType: iconType, iconSize: "16" }), text, children, extraInfo && _jsx("p", { children: extraInfo })] }) }));
};
export default DropdownItem;
