@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
29 lines (28 loc) • 979 B
JavaScript
import { jsx, jsxs } from "react/jsx-runtime";
import classnames from "classnames";
import { RatingIcon, defaultRatingIcon } from "./RatingIcons.js";
import RatingLabel from "./RatingLabel.js";
function formatRatingValue(value) {
return `${value}`.includes(".") ? value : value.toFixed(1);
}
function RatingCompact({ className, value, count, size = 16, icon = defaultRatingIcon }) {
return /*#__PURE__*/ jsxs("div", {
className: classnames("cobalt-rating", className),
children: [
/*#__PURE__*/ jsx(RatingIcon, {
icon: icon,
size: size,
status: "full"
}),
/*#__PURE__*/ jsxs(RatingLabel, {
children: [
formatRatingValue(value),
" ",
count && `(${count})`
]
})
]
});
}
export { RatingCompact, formatRatingValue };
//# sourceMappingURL=RatingCompact.js.map