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