import React from 'react';
import { BucketButtonGroup } from "./BucketButtonGroup";
/**
 * HUD 抽屉：表格右侧竖栏，桶按钮与顶栏 quick filter 同组件，筛 `form_record_ids`。
 */
export function ReservationHudDrawerResourceRail(props) {
  var className = props.className,
    buckets = props.buckets,
    value = props.value,
    onChange = props.onChange,
    ariaLabel = props.ariaLabel;
  if (buckets.length === 0) {
    return null;
  }
  return /*#__PURE__*/React.createElement("aside", {
    className: className,
    "aria-label": ariaLabel
  }, /*#__PURE__*/React.createElement("div", {
    className: "pisell-reservation-hud-drawer-resource-rail__scroll"
  }, /*#__PURE__*/React.createElement(BucketButtonGroup, {
    value: value,
    onChange: onChange,
    buckets: buckets
  })));
}
export default ReservationHudDrawerResourceRail;