import { jsx as _jsx } from "react/jsx-runtime";
export const ArrowDown = ({ transform, ...props }) => {
    return (_jsx("svg", { width: 12, height: 7, viewBox: "0 0 12 7", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: _jsx("path", { d: "M1 0.5L6 5.5L11 0.5", stroke: "#1D2325", strokeLinecap: "round", transform: transform }) }));
};
export const ArrowUp = (props) => (_jsx(ArrowDown, { ...props, transform: "rotate(180deg)" }));
export const ArrowLeft = (props) => (_jsx(ArrowDown, { ...props, transform: "rotate(90deg)" }));
export const ArrowRight = (props) => (_jsx(ArrowDown, { ...props, transform: "rotate(270deg)" }));
export const FilledArrow = (props) => {
    return (_jsx("svg", { width: "8", height: "5", viewBox: "0 0 8 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, style: { transform: props.transform, ...props.style }, children: _jsx("path", { d: "M4 0.0355976L6.68989 0.0355976C7.42892 0.0355978 7.79903 0.929125 7.27645 1.4517L4.58657 4.14159C4.26262 4.46554 3.73738 4.46554 3.41343 4.14159L0.723546 1.4517C0.200967 0.929125 0.571078 0.0355976 1.31012 0.0355978L4 0.0355976Z", fill: "#233445" }) }));
};
export const FilledArrowDown = FilledArrow;
export const FilledArrowUp = FilledArrow.bind(null, {
    transform: "rotate(180deg)",
});
//# sourceMappingURL=arrows.js.map