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';
const badgeSizes = [...BadgeSizes];
export const PresenceBadgeTest = () => {
    const [size, setSize] = useState('medium');
    const [outOfOffice, setOutOfOffice] = useState(false);
    const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS);
    const onSizeChange = useCallback((value) => setSize(value), []);
    return (React.createElement(View, null,
        React.createElement(StyledPicker, { prompt: "Size", selected: size, onChange: onSizeChange, collection: badgeSizes }),
        React.createElement(ToggleButton, { onClick: () => 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