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