import { Courses } from './view/Courses.jsx'
import { Schedule } from './view/Schedule.jsx'

export const MODE_COURSES = 'course'
export const MODE_WORKWEEK = 'work-week'
export const MODE_SCHEDULE = 'schedule'
export const MODE_WORKWEEK_GRID = 'work-week-grid'
export const MODE_WORKWEEK_TRANSPOSE = 'work-week-transpose'

const viewModeMap = {
    [MODE_COURSES]: Courses,
    [MODE_SCHEDULE]: Schedule,
}

// export const EventsView = ({ mode, ...viewProps }) => {
//     const Mode = viewModeMap[mode]
//
//     return (
//         <div class="events-view">
//             <Mode {...viewProps} />
//         </div>
//     )
// }

export const EventsView = ({ mode, source, ...viewProps }) => {
    // const Mode = viewModeMap[mode]

    if (source === 'orario') {
        return (
            <div class="events-view">
                <Schedule source={source} {...viewProps} />
            </div>
        )
    } else {
        return (
            <div class="events-view">
                <Courses source={source} {...viewProps} />
            </div>
        )
    }
}