@drivy/cobalt/components/Accordion/ToggleIcon.js

Opinionated design system for Drivy's projects.

import { jsx } from 'react/jsx-runtime';
import cx from 'classnames';
import '../Icon/index.js';
import ChevronDownIcon from '../Icon/__generated__/ChevronDownIcon.js';

const ToggleIcon = ({ isOpen, useChevron }) => {
    return useChevron ? (jsx(ChevronDownIcon, { color: "onSurfaceVariant", size: 24, className: cx("cobalt-accordion__header-chevron-icon", {
            "cobalt-accordion__header-chevron-icon--opened": isOpen,
        }) })) : (jsx("div", { className: cx("cobalt-accordion__header-icon", {
            "cobalt-accordion__header-icon--opened": isOpen,
        }) }));
};

export { ToggleIcon as default };
//# sourceMappingURL=ToggleIcon.js.map