import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import './index.scss';
export const ChevronIcon = ({ ariaLabel, className, direction, size })=>/*#__PURE__*/ _jsxDEV("svg", {
        "aria-label": ariaLabel,
        className: [
            'icon icon--chevron',
            className,
            size && `icon--size-${size}`
        ].filter(Boolean).join(' '),
        height: "100%",
        style: {
            transform: direction === 'left' ? 'rotate(90deg)' : direction === 'right' ? 'rotate(-90deg)' : direction === 'up' ? 'rotate(180deg)' : undefined
        },
        viewBox: "0 0 20 20",
        width: "100%",
        xmlns: "http://www.w3.org/2000/svg",
        children: /*#__PURE__*/ _jsxDEV("path", {
            className: "stroke",
            d: "M14 8L10 12L6 8",
            strokeLinecap: "square"
        }, void 0, false, {
            fileName: "src/icons/Chevron/index.tsx",
            lineNumber: 31,
            columnNumber: 5
        }, this)
    }, void 0, false, {
        fileName: "src/icons/Chevron/index.tsx",
        lineNumber: 11,
        columnNumber: 3
    }, this);

//# sourceMappingURL=index.js.map