import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import './ArrowIcon.scss';
export default function ArrowIcon(_a) {
    var _b = _a.direction, direction = _b === void 0 ? 'right' : _b, isClickable = _a.isClickable, disabled = _a.disabled, onClick = _a.onClick;
    var getClassName = function () {
        var className = '';
        if (direction === 'left')
            className += 'left-arrow';
        if (isClickable)
            className += className.length ? ' clickable' : 'clickable';
        return className;
    };
    var className = getClassName();
    if (disabled) {
        return (_jsxs("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className, children: [_jsx("circle", { cx: "20", cy: "20", r: "15", fill: "#EFEFEF" }), _jsx("path", { d: "M17 14L23 20L17 26", stroke: "#3D3935", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
    }
    return (_jsxs("svg", { width: "40", height: "40", viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", onClick: onClick, className: className, children: [_jsx("circle", { cx: "20", cy: "20", r: "16.5", fill: "white", stroke: "url(#paint0_linear_2428_13259)", strokeWidth: "3" }), _jsx("path", { d: "M18 14L24 20L18 26", stroke: "#3D3935", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("defs", { children: _jsxs("linearGradient", { id: "paint0_linear_2428_13259", x1: "20", y1: "5", x2: "20", y2: "35", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: "0.0572917", stopColor: "#8FD205" }), _jsx("stop", { offset: "0.916667", stopColor: "#0B9EBF", stopOpacity: "0.923931" })] }, Math.round(Math.random() * 1000)) })] }));
}
