// ** MUI Imports import Box from '@mui/material/Box' import List from '@mui/material/List' import Switch from '@mui/material/Switch' import Avatar from '@mui/material/Avatar' import Divider from '@mui/material/Divider' import ListItem from '@mui/material/ListItem' import TimelineItem from '@mui/lab/TimelineItem' import Typography from '@mui/material/Typography' import IconButton from '@mui/material/IconButton' import { Theme, styled } from '@mui/material/styles' import ListItemIcon from '@mui/material/ListItemIcon' import ListItemText from '@mui/material/ListItemText' import TimelineContent from '@mui/lab/TimelineContent' import useMediaQuery from '@mui/material/useMediaQuery' import TimelineSeparator from '@mui/lab/TimelineSeparator' import TimelineConnector from '@mui/lab/TimelineConnector' import MuiTimeline, { TimelineProps } from '@mui/lab/Timeline' import Image from 'next/image' // ** Icon Imports import Icon from 'src/@core/components/icon' // ** Custom Components Imports import CustomChip from 'src/@core/components/mui/chip' import CustomTimelineDot from 'src/@core/components/mui/timeline-dot' // Styled Timeline component const Timeline = styled(MuiTimeline)(({ theme }) => ({ paddingLeft: 0, paddingRight: 0, '& .MuiTimelineItem-root:nth-of-type(even) .MuiTimelineContent-root': { textAlign: 'left' }, [theme.breakpoints.down('md')]: { '& .MuiTimelineItem-root': { width: '100%', '&:before': { display: 'none' } } } })) // Styled component for the image of a shoe const ImgShoe = styled('img')(({ theme }) => ({ borderRadius: theme.shape.borderRadius })) const TimelineCenter = () => { // ** Vars const hiddenMD = useMediaQuery((theme: Theme) => theme.breakpoints.down('md')) return ( Get on the flight Wednesday Charles de Gaulle Airport, Paris {' '} Heathrow Airport, London 6:30 AM invoice.pdf bookingCard.pdf Interview Schedule 6th October Lorem ipsum, dolor sit amet consectetur adipisicing elit. Possimus quos, voluptates voluptas rem. `${theme.spacing(3)} !important` }} /> Rebecca Godman Javascript Developer
Sold Puma POPX Blue Color 4th October PUMA presents the latest shoes from its collection. Light & comfortable made with highly durable material. Customer Micheal Scott Price $375.00
Quantity 1
Design Review 4th October Weekly review of freshly prepared design for our new application. John Doe (Client) Ubuntu Server 192.654.8.566 4 Cores 2 GB
Location Final location for the company celebration. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas, quidem? `${theme.spacing(3)} !important` }} /> Due Date: 15th Jan
) } export default TimelineCenter