@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";
const ListItem = forwardRef((props, forwardedRef) => {
  return /* @__PURE__ */ jsx(
    Role.div,
    {
      role: "listitem",
      ...props,
      className: cx("\u{1F95D}-list-item", props.className),
      ref: forwardedRef
    }
  );
});
const ListItemContent = forwardRef(
  (props, forwardedRef) => {
    return /* @__PURE__ */ jsx(
      Text,
      {
        ...props,
        variant: "body-sm",
        className: cx("\u{1F95D}-list-item-content", props.className),
        ref: forwardedRef
      }
    );
  }
);
const ListItemDecoration = forwardRef(
  (props, forwardedRef) => {
    return /* @__PURE__ */ jsx(
      Role.div,
      {
        ...props,
        className: cx("\u{1F95D}-list-item-decoration", props.className),
        ref: forwardedRef
      }
    );
  }
);
export {
  ListItemContent as Content,
  ListItemDecoration as Decoration,
  ListItem as Root
};