import TeamTabContent from './TeamTabContent';
import AvatarImage from '../../Images/a99b7c47182d3a04f5f3ed31db0dd8a6.jpg';

const timeOffPeriods = [
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Approved'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Waiting'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Rejected'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Waiting'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Waiting'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Waiting'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Rejected'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Waiting'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Waiting'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Approved'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Waiting'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Waiting'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Waiting'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Approved'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Approved'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Rejected'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Approved'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Waiting'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Waiting'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Waiting'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Approved'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Rejected'
    },
    {
        user: {
            avatar: AvatarImage,
            name: "Gabriel Chan",
            role: "Administrator"
        },
        from: '11 Jan 2024',
        to: '11 Jan 2024',
        type: 'Vacation',
        amount: '32 hours',
        note: 'Family in town for the holidays.',
        status: 'Waiting'
    },
];

//Storybook display settings
export default {
    title: 'TimeOffMenu/TeamTabContent',
    component: TeamTabContent,
    parameters: {
        layout: 'centered'
    },
    tags: ['autodocs']
};

//Stories for each TeamTabContent
export const Primary = {
    args: {
        timeOffPeriods: timeOffPeriods
    }
};