text: import React from "react";
  import Timeline from "@material-ui/lab/Timeline";
  import TimelineItem from "@material-ui/lab/TimelineItem";
  import TimelineSeparator from "@material-ui/lab/TimelineSeparator";
  import TimelineConnector from "@material-ui/lab/TimelineConnector";
  import TimelineContent from "@material-ui/lab/TimelineContent";
  import TimelineDot from "@material-ui/lab/TimelineDot";
  
  export default function AlternateTimeline() {
    return (
      <Timeline align="alternate">
        <TimelineItem>
          <TimelineSeparator>
            <TimelineDot />
            <TimelineConnector />
          </TimelineSeparator>
          <TimelineContent>Eat</TimelineContent>
        </TimelineItem>
        <TimelineItem>
          <TimelineSeparator>
            <TimelineDot />
            <TimelineConnector />
          </TimelineSeparator>
          <TimelineContent>Code</TimelineContent>
        </TimelineItem>
        <TimelineItem>
          <TimelineSeparator>
            <TimelineDot />
            <TimelineConnector />
          </TimelineSeparator>
          <TimelineContent>Sleep</TimelineContent>
        </TimelineItem>
        <TimelineItem>
          <TimelineSeparator>
            <TimelineDot />
          </TimelineSeparator>
          <TimelineContent>Repeat</TimelineContent>
        </TimelineItem>
      </Timeline>
    );
  }
  