import { jsx as a } from "react/jsx-runtime";
import { cn as l } from "../../../lib/utils.js";
function m({ className: e, ...t }) {
  return /* @__PURE__ */ a(
    "div",
    {
      className: l(
        "relative flex h-dvh min-w-0 flex-col bg-background",
        e
      ),
      "data-slot": "chat-template",
      ...t
    }
  );
}
function n({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    "header",
    {
      className: l(
        "sticky top-0 z-10 flex items-center gap-2 bg-background px-2 py-1.5",
        e
      ),
      "data-slot": "chat-template-header",
      ...t
    }
  );
}
function c({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    "div",
    {
      className: l("flex items-center gap-2", e),
      "data-slot": "chat-template-header-group",
      ...t
    }
  );
}
function p({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    "div",
    {
      className: l(
        "flex min-w-0 flex-1 flex-col gap-6 overflow-y-auto pt-4",
        e
      ),
      "data-slot": "chat-template-body",
      ...t
    }
  );
}
function i({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    "footer",
    {
      className: l(
        "mx-auto flex w-full flex-col gap-1.5 px-4 pt-2 pb-4 md:max-w-3xl md:pb-6",
        e
      ),
      "data-slot": "chat-template-footer",
      ...t
    }
  );
}
function d({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    "div",
    {
      className: l(
        "mx-auto mt-[clamp(0.75rem,5vh,4rem)] flex max-w-xl flex-col rounded-xl px-6 py-[clamp(1rem,2.5vh,1.5rem)] text-center leading-relaxed",
        e
      ),
      "data-slot": "chat-template-overview",
      ...t
    }
  );
}
function s({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    "h1",
    {
      className: l(
        "mb-[clamp(0.5rem,1.5vh,1rem)] text-balance bg-linear-to-r from-foreground to-foreground/70 bg-clip-text font-bold font-serif text-[clamp(1.8rem,3.7vh,2.55rem)] text-transparent leading-tight tracking-wide",
        e
      ),
      "data-slot": "chat-template-overview-title",
      ...t
    }
  );
}
function f({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    "h2",
    {
      className: l(
        "mb-[clamp(1rem,3.2vh,2.25rem)] text-balance bg-linear-to-r from-foreground/90 to-foreground/70 bg-clip-text font-medium text-[clamp(1.3rem,3.3vh,2.15rem)] text-transparent leading-tight",
        e
      ),
      "data-slot": "chat-template-overview-subtitle",
      ...t
    }
  );
}
function u({
  className: e,
  ...t
}) {
  return /* @__PURE__ */ a(
    "div",
    {
      className: l(
        "mb-2 grid w-full grid-cols-12 gap-3 pt-1 lg:gap-4",
        e
      ),
      "data-slot": "chat-template-suggestions",
      ...t
    }
  );
}
export {
  m as ChatTemplate,
  p as ChatTemplateBody,
  i as ChatTemplateFooter,
  n as ChatTemplateHeader,
  c as ChatTemplateHeaderGroup,
  d as ChatTemplateOverview,
  f as ChatTemplateOverviewSubtitle,
  s as ChatTemplateOverviewTitle,
  u as ChatTemplateSuggestions
};
