'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import React from 'react';
import { ChevronIcon } from '../../../icons/Chevron/index.js';
import './index.scss';
const baseClass = 'clickable-arrow';
export const ClickableArrow = (props)=>{
    const { direction = 'right', isDisabled = false, updatePage } = props;
    const classes = [
        baseClass,
        isDisabled && `${baseClass}--is-disabled`,
        direction && `${baseClass}--${direction}`
    ].filter(Boolean).join(' ');
    return /*#__PURE__*/ _jsxDEV("button", {
        className: classes,
        disabled: isDisabled,
        onClick: !isDisabled ? updatePage : undefined,
        type: "button",
        children: /*#__PURE__*/ _jsxDEV(ChevronIcon, {}, void 0, false, {
            fileName: "src/elements/Pagination/ClickableArrow/index.tsx",
            lineNumber: 33,
            columnNumber: 7
        }, this)
    }, void 0, false, {
        fileName: "src/elements/Pagination/ClickableArrow/index.tsx",
        lineNumber: 27,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map