@stratakit/structures/dist/DEV/~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
    }
  );
});
DEV: ListItem.displayName = "ListItemRoot";
const ListItemContent = forwardRef(
  (props, forwardedRef) => {
    return /* @__PURE__ */ jsx(
      Text,
      {
        ...props,
        variant: "body-sm",
        className: cx("\u{1F95D}ListItemContent", props.className),
        ref: forwardedRef
      }
    );
  }
);
DEV: ListItemContent.displayName = "ListItemContent";
const ListItemDecoration = forwardRef(
  (props, forwardedRef) => {
    return /* @__PURE__ */ jsx(
      Role.div,
      {
        ...props,
        className: cx("\u{1F95D}ListItemDecoration", props.className),
        ref: forwardedRef
      }
    );
  }
);
DEV: ListItemDecoration.displayName = "ListItemDecoration";
export {
  ListItemContent as Content,
  ListItemDecoration as Decoration,
  ListItem as Root
};