@yamada-ui/rating/dist/chunk-JJKL4KOG.mjs

Yamada UI rating component

"use client"
import {
  useRating
} from "./chunk-PRD35X5H.mjs";
import {
  RatingProvider
} from "./chunk-UAH7LDHT.mjs";

// src/rating.tsx
import {
  forwardRef,
  omitThemeProps,
  ui,
  useComponentMultiStyle
} from "@yamada-ui/core";
import { cx } from "@yamada-ui/utils";
import { jsx } from "react/jsx-runtime";
var Rating = forwardRef((props, ref) => {
  const [styles, mergedProps] = useComponentMultiStyle("Rating", props);
  const { className, ...computedProps } = omitThemeProps(mergedProps);
  const { children, getContainerProps, ...rest } = useRating(computedProps);
  const css = { display: "flex", ...styles.container };
  return /* @__PURE__ */ jsx(RatingProvider, { value: { styles, ...rest }, children: /* @__PURE__ */ jsx(
    ui.div,
    {
      className: cx("ui-rating", className),
      __css: css,
      ...getContainerProps({}, ref),
      children
    }
  ) });
});
Rating.displayName = "Rating";
Rating.__ui__ = "Rating";

export {
  Rating
};
//# sourceMappingURL=chunk-JJKL4KOG.mjs.map