import { Calendar, CalendarTableRow, CalendarCell, CalendarTable } from "..";

export const CalendarDecade = ({ showOtherDecade, ...props }: any) => (
    <Calendar calendarView="decade" calendarTitleText="2020 - 2029"
        children={
            <CalendarTable>
                <CalendarTableRow>
                    <CalendarCell text="2019" empty={!showOtherDecade} />
                    <CalendarCell text="2020" />
                    <CalendarCell text="2021" today />
                    <CalendarCell text="2022" />
                </CalendarTableRow>
                <CalendarTableRow>
                    <CalendarCell text="2023" />
                    <CalendarCell text="2024" />
                    <CalendarCell text="2025" />
                    <CalendarCell text="2026" />
                </CalendarTableRow>
                <CalendarTableRow>
                    <CalendarCell text="2027" />
                    <CalendarCell text="2028" />
                    <CalendarCell text="2029" />
                    <CalendarCell text="2030" empty={!showOtherDecade} />
                </CalendarTableRow>
            </CalendarTable>
        }
        {...props}
    />
);