@vertisanpro/flowbite-react/lib/src/components/Rating/RatingAdvanced.js

Non-Official React components built for Flowbite and Tailwind CSS

import { twMerge } from '@vertisanpro/tailwind-merge';
import React from 'react';
import { mergeDeep } from '../../helpers/merge-deep';
import { getTheme } from '../../theme-store';
export const RatingAdvanced = ({ children, className, percentFilled = 0, theme: customTheme = {}, ...props }) => {
    const theme = mergeDeep(getTheme().ratingAdvanced, customTheme);
    return (React.createElement("div", { className: twMerge(theme.base, className), ...props },
        React.createElement("span", { className: theme.label }, children),
        React.createElement("div", { className: theme.progress.base },
            React.createElement("div", { className: theme.progress.fill, "data-testid": "flowbite-rating-fill", style: { width: `${percentFilled}%` } })),
        React.createElement("span", { className: theme.progress.label }, `${percentFilled}%`)));
};