timetable-app

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

Event.tsx (569B)

      1 import EventNoteIcon from '@mui/icons-material/EventNote';
      2 import { Box, Divider, Stack, Typography } from '@mui/material';
      3 
      4 type Props = {
      5 	event: string;
      6 };
      7 
      8 export function Event({ event }: Props) {
      9 	return (
     10 		<>
     11 			<Stack
     12 				direction='row'
     13 				alignItems='center'
     14 				spacing={{ xs: 1, sm: 2 }}
     15 				px={0.5}
     16 			>
     17 				<EventNoteIcon />
     18 				<Box width={1}>
     19 					<Typography
     20 						fontSize={{ xs: 20, sm: 24 }}
     21 						whiteSpace='nowrap'
     22 						component='span'
     23 					>
     24 						{event}
     25 					</Typography>
     26 				</Box>
     27 			</Stack>
     28 			<Divider sx={{ mb: 1 }} />
     29 		</>
     30 	);
     31 }