import React , { ReactNode } from 'react' ; import { Toolbar , ToolbarSeparator } from 'react-components' ; interface Props { dateCursorButtons : ReactNode ; timezoneSelector : ReactNode ; viewSelector : ReactNode ; } const CalendarToolbar = ( { dateCursorButtons , timezoneSelector , viewSelector } ) => { return ( < Toolbar > { dateCursorButtons } < ToolbarSeparator className = "mlauto" / > < span className = "flex no-tablet no-mobile w24e" > { timezoneSelector } < /span> < ToolbarSeparator className = "no-tablet no-mobile" / > < span className = "no-mobile flex flex-item-noshrink" > { viewSelector } < /span> < /Toolbar>); } ; export default CalendarToolbar ;