"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PresenceBadgeTest = void 0;
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importStar(require("react"));
const react_native_1 = require("react-native");
const react_native_2 = require("@fluentui/react-native");
const badge_1 = require("@fluentui-react-native/badge");
const PresenceBadgeTest = () => {
    const [outOfOffice, setOutOfOffice] = (0, react_1.useState)(false);
    const toggleOutOfOffice = (0, react_1.useCallback)(() => setOutOfOffice(!outOfOffice), [outOfOffice]);
    return (react_1.default.createElement(react_native_1.View, null,
        react_1.default.createElement(react_native_2.ToggleButton, { onClick: toggleOutOfOffice, checked: outOfOffice },
            "Set ",
            outOfOffice ? ' In office' : ' Out of office'),
        react_1.default.createElement(react_native_1.Text, null, "Small"),
        react_1.default.createElement(react_native_1.View, { style: styles.rowStyle },
            react_1.default.createElement(badge_1.PresenceBadge, { status: "available", size: "small", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "blocked", size: "small", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "doNotDisturb", size: "small", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "away", size: "small", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "busy", size: "small", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "offline", size: "small", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "outOfOffice", size: "small", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "unknown", size: "small", outOfOffice: outOfOffice })),
        react_1.default.createElement(react_native_1.Text, null, "Medium"),
        react_1.default.createElement(react_native_1.View, { style: styles.rowStyle },
            react_1.default.createElement(badge_1.PresenceBadge, { status: "available", size: "medium", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "blocked", size: "medium", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "doNotDisturb", size: "medium", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "away", size: "medium", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "busy", size: "medium", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "offline", size: "medium", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "outOfOffice", size: "medium", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "unknown", size: "medium", outOfOffice: outOfOffice })),
        react_1.default.createElement(react_native_1.Text, null, "Large"),
        react_1.default.createElement(react_native_1.View, { style: styles.rowStyle },
            react_1.default.createElement(badge_1.PresenceBadge, { status: "available", size: "large", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "blocked", size: "large", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "doNotDisturb", size: "large", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "away", size: "large", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "busy", size: "large", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "offline", size: "large", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "outOfOffice", size: "large", outOfOffice: outOfOffice }),
            react_1.default.createElement(badge_1.PresenceBadge, { status: "unknown", size: "large", outOfOffice: outOfOffice }))));
};
exports.PresenceBadgeTest = PresenceBadgeTest;
const styles = react_native_1.StyleSheet.create({
    rowStyle: { flexDirection: 'row' },
});
//# sourceMappingURL=PresenceBadgeTest.android.js.map