import { jsx as _jsx } from "react/jsx-runtime";
import ToggleArrow from "../../../components/ToggleArrow/ToggleArrow.js";
import { block } from "../../../utils/index.js";
import { i18n } from "../i18n/index.js";
import './Arrow.css';
const b = block('slider-new-block-arrow');
const Arrow = ({ type, onClick, className, size = 16, extraProps }) => (_jsx("div", { className: b({ type }, className), children: _jsx("button", { className: b('button'), onClick: onClick, "aria-label": i18n(`arrow-${type}`), ...extraProps, children: _jsx("span", { className: b('icon-wrapper'), children: _jsx(ToggleArrow, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') }) }) }) }));
export default Arrow;
//# sourceMappingURL=Arrow.js.map
