import * as React from 'react';
import { DefaultButton } from '@fluentui/react-next/lib/compat/Button';
import { useConst } from '@uifabric/react-hooks';
export var ContextualMenuIconSecondaryTextExample = function () {
    var menuProps = useConst(function () { return ({
        shouldFocusOnMount: true,
        items: [
            {
                key: 'Later Today',
                iconProps: { iconName: 'Clock' },
                text: 'Later Today',
                secondaryText: '7:00 PM',
            },
            {
                key: 'Tomorrow',
                iconProps: { iconName: 'Coffeescript' },
                text: 'Tomorrow',
                secondaryText: 'Thu. 8:00 AM',
            },
            {
                key: 'This Weekend',
                iconProps: { iconName: 'Vacation' },
                text: 'This Weekend',
                secondaryText: 'Sat. 10:00 AM',
            },
            {
                key: 'Next Week',
                iconProps: { iconName: 'Suitcase' },
                text: 'Next Week',
                secondaryText: 'Mon. 8:00 AM',
            },
        ],
    }); });
    return React.createElement(DefaultButton, { text: "Click for ContextualMenu", menuProps: menuProps });
};
//# sourceMappingURL=ContextualMenu.Icon.SecondaryText.Example.js.map