import { jsx as _jsx } from "react/jsx-runtime";
import { cn } from "../utils/index.js";
import { CaretDownIcon } from "./icons.generated/CaretDownIcon.js";
// TODO: Change the animation to be a flip on the x axis instead of a rotation?
export function CaretDownInteractiveIcon({ className, ...props }) {
    return (_jsx(CaretDownIcon, { alt: "", "data-name": "CaretDownInteractive", className: cn(`u:pointer-events-none
        u:transition-[rotate]
        u:in-clickable-open:rotate-180`, className), ...props }));
}
//# sourceMappingURL=CaretDownInteractiveIcon.js.map