import React from 'react';
import { Tabs, Tab } from '@theorchard/suite-components';
import ContributorScheduleList from 'src/components/contributor-schedule-list/contributor-schedule-list';
import { PageHeader } from '../shared/pageHeader';

const Schedules: React.FC = () => {
    return (
        <div className="Schedules">
            <PageHeader title="Schedules" />
            <Tabs
                className="nav-tabs"
                defaultActiveKey="contributors"
                id="contributors-schedule"
            >
                <Tab
                    data-testid="contributors"
                    eventKey="contributors"
                    title="Contributors"
                >
                    <ContributorScheduleList />
                </Tab>
            </Tabs>
        </div>
    );
};

export default Schedules;