@stratakit/react/dist/Text.js

A React component library for StrataKit

import { jsx } from "react/jsx-runtime";
import * as React from "react";
import { Text as SkText } from "@stratakit/bricks";
import { useCompatProps } from "./~utils.js";
const Text = React.forwardRef((props, forwardedRef) => {
  const {
    variant: variantProp,
    // biome-ignore-start lint/correctness/noUnusedVariables: NOT IMPLEMENTED
    isMuted,
    isSkeleton,
    // biome-ignore-end lint/correctness/noUnusedVariables: NOT IMPLEMENTED
    ...rest
  } = useCompatProps(props);
  const variant = React.useMemo(() => {
    switch (variantProp) {
      case "headline":
        return "display-md";
      case "title":
        return "headline-lg";
      case "subheading":
        return "headline-md";
      case "leading":
        return "headline-sm";
      case "body":
        return "body-sm";
      case "small":
        return "caption-lg";
      default:
        return "body-md";
    }
  }, [variantProp]);
  return /* @__PURE__ */ jsx(SkText, { ...rest, variant, ref: forwardedRef });
});
export {
  Text
};