@stratakit/structures/dist/~utils.ListItem.js

Medium-sized component structures for the Strata design system

import { jsx } from "react/jsx-runtime";
import { Role } from "@ariakit/react/role";
import { Text } from "@stratakit/bricks";
import { forwardRef } from "@stratakit/foundations/secret-internals";
import cx from "classnames";
import { useInit } from "./~utils.useInit.js";
const ListItem = forwardRef((props, forwardedRef) => {
  useInit();
  return /* @__PURE__ */ jsx(Role.div, {
    role: "listitem",
    ...props,
    className: cx("\u{1F95D}ListItem", props.className),
    ref: forwardedRef
  });
});
const ListItemContent = forwardRef((props, forwardedRef) => {
  return /* @__PURE__ */ jsx(Text, {
    ...props,
    variant: "body-sm",
    className: cx("\u{1F95D}ListItemContent", props.className),
    ref: forwardedRef
  });
});
const ListItemDecoration = forwardRef((props, forwardedRef) => {
  return /* @__PURE__ */ jsx(Role.div, {
    ...props,
    className: cx("\u{1F95D}ListItemDecoration", props.className),
    ref: forwardedRef
  });
});
export {
  ListItemContent as Content,
  ListItemDecoration as Decoration,
  ListItem as Root
};