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