"use client";

import { Box, UserMenu } from '@photonix/ultimate';
import { ExitOutline, SettingsOutline, UserOutline } from '@photonix/icons';

const actions = [
    { value: 'profile', label: 'Profile', icon: <UserOutline /> },
    { value: 'settings', label: 'Settings', icon: <SettingsOutline />, divider: true },
    { value: 'sign-out', label: 'Sign out', icon: <ExitOutline /> },
];

export default function UserMenuBasicExample() {
    return (
        <Box w={320} maxW="100%">
            <UserMenu userName="Jane Cooper" userHandle="@jane" actions={actions} />
        </Box>
    );
}