import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import styled from "styled-components";
const Svg = styled.svg `
  .path {
    fill: ${({ theme }) => theme.new?.dropdown?.color};
  }
  .btn {
    stroke: #fff;
    fill: #fff;
    fill-opacity: 0;
    stroke-opacity: 0;
  }
`;
const ArrowIcon = ({ onClick = () => undefined, opened = false, width = "10", height = "9", viewBox = "0 0 10 9", }) => (_jsxs(Svg, { className: `ui-arrow-icon${opened ? " opened" : ""}`, width: width, height: height, viewBox: viewBox, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { className: "path", d: "M5.00012 3.33316L7.95344 3.33316C8.76485 3.33316 9.17121 4.31419 8.59745 4.88795L5.64414 7.84126C5.28846 8.19695 4.71179 8.19694 4.35611 7.84126L1.40279 4.88795C0.829032 4.31419 1.23539 3.33316 2.0468 3.33316L5.00012 3.33316Z", fill: "#B3BDC7" }), _jsx("rect", { className: "btn", x: "0", y: "0", width: width, height: height, onClick: () => {
                console.log(onClick);
                onClick();
            } })] }));
export default ArrowIcon;
//# sourceMappingURL=arrow-icon.js.map