import * as React from 'react';
import { Rating, RatingSize } from '@fluentui/react';
var getRatingComponentAriaLabel = function (label) { return function (rating, maxRating) {
    return label + " rating value is " + rating + " of " + maxRating;
}; };
export var RatingBasicExample = function () {
    return (React.createElement("div", null,
        "Large stars:",
        React.createElement(Rating, { max: 5, size: RatingSize.Large, defaultRating: 1, ariaLabel: "Large stars", ariaLabelFormat: "{0} of {1} stars" }),
        "Small stars, with 0 stars allowed:",
        React.createElement(Rating, { defaultRating: 3, allowZeroStars: true, max: 5, ariaLabel: "Small stars with 0 stars allowed", ariaLabelFormat: "{0} of {1} stars" }),
        "10 small stars:",
        React.createElement(Rating, { defaultRating: 1, max: 10, ariaLabel: "10 small stars", ariaLabelFormat: "{0} of {1} stars" }),
        "Disabled:",
        React.createElement(Rating, { defaultRating: 1, max: 5, disabled: true, ariaLabel: "Disabled", ariaLabelFormat: "{0} of {1} stars" }),
        "Half star in readOnly mode:",
        React.createElement(Rating, { max: 5, rating: 2.5, getAriaLabel: getRatingComponentAriaLabel('Half star in readOnly mode'), readOnly: true, ariaLabelFormat: "{0} of {1} stars" }),
        "Custom icons:",
        React.createElement(Rating, { min: 1, max: 5, defaultRating: 2.5, ariaLabel: "Custom icons", ariaLabelFormat: "{0} of {1} stars", icon: "StarburstSolid", unselectedIcon: "Starburst" })));
};
//# sourceMappingURL=Rating.Basic.Example.js.map