import React, { forwardRef } from "react";
import { useForwardedRef } from "@bedrock-layout/use-forwarded-ref";
import { useRipple } from "../../../utils/useRipple.js";
import { Button, FakeIcon, Icon, ListItem } from "./Pop.styled.js";
const PopOption = forwardRef((props, ref) => {
    var _a;
    const buttonRef = useForwardedRef(null);
    const ripple = useRipple({ ref: buttonRef });
    const ic = props.icon
        ? React.createElement(Icon, null, props.icon)
        : (((_a = props.forceEmptyIcon) !== null && _a !== void 0 ? _a : true) ? React.createElement(FakeIcon, null) : null);
    return (React.createElement(ListItem, { ref: ref, className: props.className },
        React.createElement(Button, { ref: buttonRef, onClick: props.onClick, onPointerDown: ripple.onPointerDown, onKeyDown: ripple.onKeyDown },
            ic,
            props.children,
            ripple.ripples)));
});
PopOption.displayName = "PopOption";
PopOption.toString = () => ListItem.toString();
const PopOptionButtonSelector = Button.toString();
const PopOptionIconSelector = Icon.toString();
export { PopOption, PopOptionButtonSelector, PopOptionIconSelector };
//# sourceMappingURL=PopOption.js.map