import { jsxs as e, jsx as l } from "react/jsx-runtime";
import t from "../../InputGroup.js";
import i from "../../../box/Box.js";
import r from "../../../text/Text.js";
import o from "../../components/input-group-input/InputGroupInput.js";
import n from "../../components/input-group-addon/InputGroupAddon.js";
import c from "../../components/input-group-button/InputGroupButton.js";
import p from "../../components/input-group-icon/InputGroupIcon.js";
import h from "../../components/input-group-dropdown/InputGroupDropdown.js";
import d from "../../components/input-group-text/InputGroupText.js";
import m from "../../components/input-group-tooltip/InputGroupTooltip.js";
import s from "../../components/input-group-badge/InputGroupBadge.js";
const T = (a) => /* @__PURE__ */ e(i, { className: "flex flex-col gap-[var(--spacing-4)] w-full", children: [
  /* @__PURE__ */ l(r, { type: "h4", children: "All InputGroup variants" }),
  /* @__PURE__ */ e(i, { className: "flex flex-col gap-[var(--spacing-2)]", children: [
    /* @__PURE__ */ l(r, { type: "small", children: "External Left Button:" }),
    /* @__PURE__ */ e(t, { ...a, children: [
      /* @__PURE__ */ l(o, { placeholder: "Placeholder" }),
      /* @__PURE__ */ l(n, { align: "outline-left", children: /* @__PURE__ */ l(c, { label: "Button" }) })
    ] })
  ] }),
  /* @__PURE__ */ e(i, { className: "flex flex-col gap-[var(--spacing-2)]", children: [
    /* @__PURE__ */ l(r, { type: "small", children: "Input Group with Icon:" }),
    /* @__PURE__ */ e(t, { ...a, children: [
      /* @__PURE__ */ l(o, { placeholder: "Placeholder" }),
      /* @__PURE__ */ l(n, { align: "inline-left", children: /* @__PURE__ */ l(p, { name: "Search", size: 16 }) })
    ] })
  ] }),
  /* @__PURE__ */ e(i, { className: "flex flex-col gap-[var(--spacing-2)]", children: [
    /* @__PURE__ */ l(r, { type: "small", children: "External Left Dropdown:" }),
    /* @__PURE__ */ e(t, { ...a, children: [
      /* @__PURE__ */ l(o, { placeholder: "Placeholder", value: "Placeholder" }),
      /* @__PURE__ */ l(n, { align: "outline-left", children: /* @__PURE__ */ l(
        h,
        {
          label: "English",
          menuItems: [
            { label: "English", onClick: () => {
            } },
            { label: "Deutsch", onClick: () => {
            } }
          ]
        }
      ) })
    ] })
  ] }),
  /* @__PURE__ */ e(i, { className: "flex flex-col gap-[var(--spacing-2)]", children: [
    /* @__PURE__ */ l(r, { type: "small", children: "Internal Right Button (Error):" }),
    /* @__PURE__ */ e(t, { ...a, isError: !0, children: [
      /* @__PURE__ */ l(o, { placeholder: "Placeholder" }),
      /* @__PURE__ */ l(n, { align: "inline-right", children: /* @__PURE__ */ l(c, { label: "Button", variant: "ghost" }) })
    ] })
  ] }),
  /* @__PURE__ */ e(i, { className: "flex flex-col gap-[var(--spacing-2)]", children: [
    /* @__PURE__ */ l(r, { type: "small", children: "External Text + Icon Button:" }),
    /* @__PURE__ */ e(t, { ...a, children: [
      /* @__PURE__ */ l(o, { placeholder: "Placeholder" }),
      /* @__PURE__ */ l(n, { align: "outline-left", children: /* @__PURE__ */ l(d, { children: "http://" }) }),
      /* @__PURE__ */ l(n, { align: "outline-right", children: /* @__PURE__ */ l(c, { icon: "Clipboard", variant: "default" }) })
    ] })
  ] }),
  /* @__PURE__ */ e(i, { className: "flex flex-col gap-[var(--spacing-2)]", children: [
    /* @__PURE__ */ l(r, { type: "small", children: "Input with Tooltip:" }),
    /* @__PURE__ */ e(t, { ...a, children: [
      /* @__PURE__ */ l(o, { placeholder: "Type something..." }),
      /* @__PURE__ */ l(n, { align: "inline-right", children: /* @__PURE__ */ l(m, { content: "Tooltip content" }) })
    ] })
  ] }),
  /* @__PURE__ */ e(i, { className: "flex flex-col gap-[var(--spacing-2)]", children: [
    /* @__PURE__ */ l(r, { type: "small", children: "Input with Badge:" }),
    /* @__PURE__ */ e(t, { ...a, children: [
      /* @__PURE__ */ l(o, { placeholder: "Type something..." }),
      /* @__PURE__ */ l(n, { align: "inline-right", children: /* @__PURE__ */ l(s, { label: "USD" }) })
    ] })
  ] }),
  /* @__PURE__ */ e(i, { className: "flex flex-col gap-[var(--spacing-2)]", children: [
    /* @__PURE__ */ l(r, { type: "small", children: "Currency Input:" }),
    /* @__PURE__ */ e(t, { ...a, children: [
      /* @__PURE__ */ l(o, { placeholder: "Type something..." }),
      /* @__PURE__ */ l(n, { align: "inline-left", children: /* @__PURE__ */ l(d, { children: "$" }) }),
      /* @__PURE__ */ l(n, { align: "inline-right", children: /* @__PURE__ */ l(
        h,
        {
          label: "+1",
          menuItems: [
            { label: "+1 (US)", onClick: () => {
            } },
            { label: "+44 (UK)", onClick: () => {
            } }
          ]
        }
      ) })
    ] })
  ] }),
  /* @__PURE__ */ e(i, { className: "flex flex-col gap-[var(--spacing-2)]", children: [
    /* @__PURE__ */ l(r, { type: "small", children: "Complex Input with multiple addons:" }),
    /* @__PURE__ */ e(t, { ...a, children: [
      /* @__PURE__ */ l(o, { placeholder: "Type something..." }),
      /* @__PURE__ */ l(n, { align: "outline-left", children: /* @__PURE__ */ l(c, { label: "Button" }) }),
      /* @__PURE__ */ e(n, { align: "inline-left", children: [
        /* @__PURE__ */ l(p, { name: "Search" }),
        /* @__PURE__ */ l(p, { name: "Loader2", animation: "spin" })
      ] }),
      /* @__PURE__ */ l(n, { align: "inline-right", children: /* @__PURE__ */ l(
        h,
        {
          label: "+1",
          menuItems: [
            { label: "+1 (US)", onClick: () => {
            } },
            { label: "+44 (UK)", onClick: () => {
            } }
          ]
        }
      ) }),
      /* @__PURE__ */ l(n, { align: "outline-right", children: /* @__PURE__ */ l(c, { label: "Button" }) })
    ] })
  ] })
] });
export {
  T as default
};
//# sourceMappingURL=AllVariantsComponent.js.map
