import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
import { ChevronDown } from "lucide-react";
import "./styles.css";
function SelectChevron(props) {
    const { iconSize, isLoading, disabled, readOnly, isFocused } = props;
    const notAnimate = disabled || readOnly ? "notAnimate" : "";
    const focused = isFocused ? "focused" : "";
    const className = `arkynSelectChevron ${notAnimate} ${focused}`;
    if (isLoading)
        return _jsx(_Fragment, {});
    return (_jsx(ChevronDown, { className: className, strokeWidth: 2.5, style: {
            minWidth: iconSize,
            minHeight: iconSize,
            maxWidth: iconSize,
            maxHeight: iconSize,
        } }));
}
export { SelectChevron };
