import { Icon } from './Icon.jsx'
import { MODE_COURSES } from './EventsView.jsx'

export const ToolOverlay = ({ mode, toggleMode, onClose }) => (
    <div class="overlay">
        <button class="icon primary" onClick={toggleMode}>
            <Icon name={mode === MODE_COURSES ? 'calendar_month' : 'view_list'} />
        </button>
        <button class="icon" onClick={onClose}>
            <Icon name="close" />
        </button>
    </div>
)