'use strict';
import { jsx } from 'react/jsx-runtime';
import { tableElementSuffixes } from '../../fd-component-toolbox/constants/table-element-suffixes.js';
import { Icon, iconSizes, iconNames } from '../../fd-component-toolbox/icon/Icon.js';
import { ViewSheet } from '../view/ViewSheet.js';
import { Button } from '../../fd-component-toolbox/button/Button.js';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", {
  value,
  configurable: true
});
function ResourceAddButton({
  resourceName,
  onRefreshItems
}) {
  return /* @__PURE__ */jsx(ViewSheet, {
    resourceName,
    onRefreshItems,
    children: /* @__PURE__ */jsx(Button, {
      id: tableElementSuffixes.addButton,
      variant: "icon",
      size: "icon",
      className: "size-4",
      children: /* @__PURE__ */jsx(Icon, {
        name: iconNames.plus,
        size: iconSizes.extraSmall,
        className: "stroke-muted-foreground stroke-0.65"
      })
    })
  });
}
__name(ResourceAddButton, "ResourceAddButton");

export { ResourceAddButton };
