@trail-ui/react/dist/chunk-6YFKOGWT.mjs

import {
  Link
} from "./chunk-DAPJN2H7.mjs";
import {
  composeTailwindRenderProps
} from "./chunk-3GNMOIYS.mjs";

// src/multiselect/tw-text.tsx
import { twMerge } from "tailwind-merge";
import React from "react";
import { jsx } from "react/jsx-runtime";
function Text({ className, elementType, children, ...props }) {
  return React.createElement(
    elementType != null ? elementType : "p",
    {
      ...props,
      className: twMerge("text-pretty text-base/6 text-muted sm:text-sm/6", className)
    },
    children
  );
}
function Strong({ className, ...props }) {
  return /* @__PURE__ */ jsx(
    Text,
    {
      ...props,
      elementType: "strong",
      className: twMerge("text-foreground font-medium", className)
    }
  );
}
function Small({ className, ...props }) {
  return /* @__PURE__ */ jsx(Text, { ...props, elementType: "small", className: twMerge("text-sm/5 sm:text-xs/5", className) });
}
function TextLink(props) {
  return /* @__PURE__ */ jsx(
    Link,
    {
      ...props,
      className: composeTailwindRenderProps(props.className, "underline underline-offset-4")
    }
  );
}

export {
  Text,
  Strong,
  Small,
  TextLink
};