summaryrefslogtreecommitdiff
path: root/src/components/Schedule.tsx
diff options
context:
space:
mode:
authorMichael Hunteman <michael@huntm.net>2024-02-13 20:38:17 -0600
committerMichael Hunteman <michael@huntm.net>2024-02-13 20:38:17 -0600
commitaa8854adcb9449d2a961c5e4314a223f6e7bcc04 (patch)
treed58e7d5271c52428170aba24e6bded58215b2d2d /src/components/Schedule.tsx
Initial commit
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;