summaryrefslogtreecommitdiff
path: root/src/components/Schedule.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Schedule.tsx')
-rw-r--r--src/components/Schedule.tsx38
1 files changed, 38 insertions, 0 deletions
diff --git a/src/components/Schedule.tsx b/src/components/Schedule.tsx
new file mode 100644
index 0000000..2fd0ab0
--- /dev/null
+++ b/src/components/Schedule.tsx
@@ -0,0 +1,38 @@
+import Typography from '@mui/material/Typography';
+import Timeline from '@mui/lab/Timeline';
+import TimelineItem from '@mui/lab/TimelineItem';
+import TimelineSeparator from '@mui/lab/TimelineSeparator';
+import TimelineConnector from '@mui/lab/TimelineConnector';
+import TimelineContent from '@mui/lab/TimelineContent';
+import TimelineDot from '@mui/lab/TimelineDot';
+import TimelineOppositeContent, {
+ timelineOppositeContentClasses,
+} from '@mui/lab/TimelineOppositeContent';
+
+function Schedule() {
+ return (
+ <Timeline>
+ <TimelineItem>
+ <TimelineOppositeContent>
+ 4:00 pm
+ </TimelineOppositeContent>
+ <TimelineSeparator>
+ <TimelineDot />
+ <TimelineConnector />
+ </TimelineSeparator>
+ <TimelineContent>Ceremony</TimelineContent>
+ </TimelineItem>
+ <TimelineItem>
+ <TimelineOppositeContent>
+ 5:00 pm
+ </TimelineOppositeContent>
+ <TimelineSeparator>
+ <TimelineDot />
+ </TimelineSeparator>
+ <TimelineContent>Reception</TimelineContent>
+ </TimelineItem>
+ </Timeline>
+ );
+}
+
+export default Schedule;