import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
import { NotebookTextIcon } from 'lucide-react';
import { Empty, EmptyHeader, EmptyMedia, EmptyTitle } from '../../../../../../../ui/src/components/empty.mjs';

function EmptyList({ message }) {
  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
    Empty,
    {
      className: "border border-dashed min-h-[600px] w-full",
      "data-testid": "empty-state",
      children: /* @__PURE__ */ jsxs(EmptyHeader, { children: [
        /* @__PURE__ */ jsx(EmptyMedia, { variant: "icon", className: "size-20", children: /* @__PURE__ */ jsx(NotebookTextIcon, { className: "text-muted-foreground size-16" }) }),
        /* @__PURE__ */ jsx(EmptyTitle, { "data-testid": "empty-message", children: message })
      ] })
    }
  ) });
}

export { EmptyList };
