import { jsx as n } from "react/jsx-runtime";
import { c as d } from "../../../index-UgeK3A8s.js";
import { cn as l } from "../../../lib/utils.js";
const m = d(
  "inline-flex shrink-0 items-center justify-center rounded-xl border border-border/60 bg-background shadow-black/5 shadow-sm [&>svg]:shrink-0",
  {
    variants: {
      size: {
        xs: "size-6 [&>svg]:size-3",
        sm: "size-8 [&>svg]:size-4",
        md: "size-10 [&>svg]:size-5",
        lg: "size-14 [&>svg]:size-7",
        xl: "size-18 [&>svg]:size-9"
      },
      variant: {
        default: "",
        muted: "text-muted-foreground"
      }
    },
    defaultVariants: {
      size: "md",
      variant: "default"
    }
  }
);
function c({
  children: s,
  className: i,
  label: e,
  size: r,
  variant: t,
  ...a
}) {
  const o = e ? { "aria-label": e, role: "img", title: e } : { "aria-hidden": !0 };
  return /* @__PURE__ */ n(
    "span",
    {
      className: l(m({ size: r, variant: t, className: i })),
      "data-slot": "flow-tile",
      ...o,
      ...a,
      children: s
    }
  );
}
export {
  c as FlowTile,
  m as flowTileVariants
};
