"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PresenceBadgeTest = void 0;
var tslib_1 = require("tslib");
/* eslint-disable @typescript-eslint/no-var-requires */
var react_1 = tslib_1.__importStar(require("react"));
var react_native_1 = require("react-native");
var react_native_2 = require("@fluentui/react-native");
var badge_1 = require("@fluentui-react-native/badge");
var StyledPicker_1 = require("../Common/StyledPicker");
var badgeSizes = tslib_1.__spreadArray([], badge_1.BadgeSizes, true);
var PresenceBadgeTest = function () {
    var _a = (0, react_1.useState)('medium'), size = _a[0], setSize = _a[1];
    var _b = (0, react_1.useState)(false), outOfOffice = _b[0], setOutOfOffice = _b[1];
    var svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(react_native_1.Platform.OS);
    var onSizeChange = (0, react_1.useCallback)(function (value) { return setSize(value); }, []);
    return (react_1.default.createElement(react_native_1.View, null,
        react_1.default.createElement(StyledPicker_1.StyledPicker, { prompt: "Size", selected: size, onChange: onSizeChange, collection: badgeSizes }),
        react_1.default.createElement(react_native_2.ToggleButton, { onClick: function () { return setOutOfOffice(!outOfOffice); }, checked: outOfOffice },
            "Set ",
            outOfOffice ? ' In office' : ' Out of office'),
        svgIconsEnabled && (react_1.default.createElement(react_1.default.Fragment, null,
            react_1.default.createElement(react_native_1.Text, null, "Presence Badge"),
            react_1.default.createElement(react_native_1.View, { style: { flexDirection: 'row', marginEnd: 8 } },
                react_1.default.createElement(badge_1.PresenceBadge, { status: "available", size: size, outOfOffice: outOfOffice }),
                react_1.default.createElement(badge_1.PresenceBadge, { status: "blocked", size: size, outOfOffice: outOfOffice }),
                react_1.default.createElement(badge_1.PresenceBadge, { status: "doNotDisturb", size: size, outOfOffice: outOfOffice }),
                react_1.default.createElement(badge_1.PresenceBadge, { status: "away", size: size, outOfOffice: outOfOffice }),
                react_1.default.createElement(badge_1.PresenceBadge, { status: "busy", size: size, outOfOffice: outOfOffice }),
                react_1.default.createElement(badge_1.PresenceBadge, { status: "offline", size: size, outOfOffice: outOfOffice }),
                react_1.default.createElement(badge_1.PresenceBadge, { status: "outOfOffice", size: size, outOfOffice: outOfOffice }),
                react_1.default.createElement(badge_1.PresenceBadge, { status: "unknown", size: size, outOfOffice: outOfOffice }))))));
};
exports.PresenceBadgeTest = PresenceBadgeTest;
//# sourceMappingURL=PresenceBadgeTest.js.map