import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import clsx from "clsx";
import { ChevronDown, ChevronUp } from "lucide-react";
import React from "react";
import { IconButton } from "../../../IconButton";
export const ScrollButtonsVertical = React.memo(({ dataHeight, effectiveHeight, canScrollUp, canScrollDown, isSideBarTooltipOpen, onScrollUp, onScrollDown, }) => {
    if (dataHeight <= effectiveHeight) {
        return null;
    }
    return (_jsxs("div", { className: "openui-chart-vertical-scroll-buttons-container", children: [_jsx(IconButton, { className: clsx("openui-chart-vertical-scroll-button openui-chart-vertical-scroll-button--up", {
                    "openui-chart-vertical-scroll-button--disabled": !canScrollUp,
                }), icon: _jsx(ChevronUp, {}), variant: "secondary", onClick: onScrollUp, size: "extra-small", disabled: !canScrollUp, "aria-label": "Scroll up" }), _jsx(IconButton, { className: clsx("openui-chart-vertical-scroll-button openui-chart-vertical-scroll-button--down", {
                    "openui-chart-vertical-scroll-button--disabled": !canScrollDown,
                    "openui-chart-vertical-scroll-button--SideBarTooltip": isSideBarTooltipOpen,
                }), icon: _jsx(ChevronDown, {}), variant: "secondary", size: "extra-small", onClick: onScrollDown, disabled: !canScrollDown, "aria-label": "Scroll down" })] }));
});
ScrollButtonsVertical.displayName = "ScrollButtonsVertical";
//# sourceMappingURL=ScrollButtonsVertical.js.map