"use client";
'use strict';

const jsxRuntime = require('react/jsx-runtime');
const utils = require('../../../../../../../ui/src/lib/utils.cjs');

function EmptyState({
  title,
  description,
  action,
  icon,
  className
}) {
  return /* @__PURE__ */ jsxRuntime.jsxs(
    "div",
    {
      className: utils.cn(
        "flex flex-col items-center justify-center py-12 text-center",
        className
      ),
      "data-testid": "empty-state",
      children: [
        icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-muted p-6 mb-4", children: icon }),
        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold mb-2", children: title }),
        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground max-w-md mb-4", children: description }),
        action && /* @__PURE__ */ jsxRuntime.jsx("div", { children: action })
      ]
    }
  );
}

exports.EmptyState = EmptyState;
