/* eslint-disable @typescript-eslint/no-var-requires */
import React, { useCallback, useState } from 'react';
import { View, StyleSheet, Text } from 'react-native';
import { ToggleButton } from '@fluentui/react-native';
import { PresenceBadge } from '@fluentui-react-native/badge';
export var PresenceBadgeTest = function () {
    var _a = useState(false), outOfOffice = _a[0], setOutOfOffice = _a[1];
    var toggleOutOfOffice = useCallback(function () { return setOutOfOffice(!outOfOffice); }, [outOfOffice]);
    return (React.createElement(View, null,
        React.createElement(ToggleButton, { onClick: toggleOutOfOffice, checked: outOfOffice },
            "Set ",
            outOfOffice ? ' In office' : ' Out of office'),
        React.createElement(Text, null, "Small"),
        React.createElement(View, { style: styles.rowStyle },
            React.createElement(PresenceBadge, { status: "available", size: "small", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "blocked", size: "small", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "doNotDisturb", size: "small", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "away", size: "small", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "busy", size: "small", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "offline", size: "small", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "outOfOffice", size: "small", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "unknown", size: "small", outOfOffice: outOfOffice })),
        React.createElement(Text, null, "Medium"),
        React.createElement(View, { style: styles.rowStyle },
            React.createElement(PresenceBadge, { status: "available", size: "medium", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "blocked", size: "medium", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "doNotDisturb", size: "medium", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "away", size: "medium", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "busy", size: "medium", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "offline", size: "medium", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "outOfOffice", size: "medium", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "unknown", size: "medium", outOfOffice: outOfOffice })),
        React.createElement(Text, null, "Large"),
        React.createElement(View, { style: styles.rowStyle },
            React.createElement(PresenceBadge, { status: "available", size: "large", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "blocked", size: "large", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "doNotDisturb", size: "large", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "away", size: "large", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "busy", size: "large", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "offline", size: "large", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "outOfOffice", size: "large", outOfOffice: outOfOffice }),
            React.createElement(PresenceBadge, { status: "unknown", size: "large", outOfOffice: outOfOffice }))));
};
var styles = StyleSheet.create({
    rowStyle: { flexDirection: 'row' },
});
//# sourceMappingURL=PresenceBadgeTest.android.js.map