@trail-ui/react/dist/chunk-F2QDNMP6.mjs

// src/lozenge/lozenge.tsx
import { useMemo } from "react";
import { lozenge, filterVariantProps } from "@trail-ui/theme";
import { Fragment, jsx } from "react/jsx-runtime";
function Lozenge(props) {
  const { color, size, value, className } = props;
  const variantProps = filterVariantProps(props, lozenge.variantKeys);
  const styles = useMemo(
    () => lozenge({
      ...variantProps,
      color,
      size
    }),
    [variantProps, color, size]
  );
  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("span", { className: `${className} ${styles}`, children: value }) });
}

export {
  Lozenge
};