import { jsxs, jsx } from "react/jsx-runtime";
import { Button } from "../Button/index.js";
import { EmptyStateImage } from "./EmptyStateImage.js";
/* empty css                       */
function EmptyState({
  heading,
  description = "",
  secondaryButtonLabel,
  onSecondaryButtonClick,
  primaryButtonLabel,
  onPrimaryButtonClick,
  emptyStateIcon = null,
  emptyStateBottomOptions = null,
  primaryButtonProps = {},
  secondaryButtonProps = {},
  className = "",
  "data-testid": dataTestId
}) {
  return /* @__PURE__ */ jsxs("div", { className: `impact_emptystate ${className}`.trim(), "data-testid": dataTestId, children: [
    /* @__PURE__ */ jsx("div", { className: `impact_center_svg ${emptyStateIcon ? "impact_center_svg_with_icon" : ""}`, children: emptyStateIcon ?? /* @__PURE__ */ jsx(EmptyStateImage, {}) }),
    /* @__PURE__ */ jsx("div", { className: "impact_heading", children: heading }),
    description ? /* @__PURE__ */ jsx("div", { className: "impact_paragraph", children: description }) : null,
    /* @__PURE__ */ jsxs("div", { className: "bottom_cta_container", children: [
      emptyStateBottomOptions,
      secondaryButtonLabel != null && /* @__PURE__ */ jsx(
        Button,
        {
          className: "secondary_btn",
          variant: "secondary",
          onClick: onSecondaryButtonClick,
          ...secondaryButtonProps,
          children: secondaryButtonLabel
        }
      ),
      primaryButtonLabel != null && /* @__PURE__ */ jsx(Button, { className: "primary_btn", onClick: onPrimaryButtonClick, ...primaryButtonProps, children: primaryButtonLabel })
    ] })
  ] });
}
EmptyState.displayName = "EmptyState";
export {
  EmptyState
};
