Timeline

"use client";

import React from "react";
import {IconAdd, IconCheck, IconEdit, Timeline, TimelineStep} from "@brynlabs/fusion-ui";

export const TimelineExample = () => (
  <Timeline>
    <TimelineStep
      highlighted={true}
      icon={<IconCheck></IconCheck>}
      stepTitle={"Invoice Sent 3 - highlighted"}
      stepSubtitle={"13.01.2053"}>
      Timeline Step Content 3 goes here
    </TimelineStep>
    <TimelineStep
      icon={<IconEdit></IconEdit>}
      stepTitle={"Invoice Sent 2"}
      stepSubtitle={"25.11.2050"}>
      Timeline Step Content 2 goes here
    </TimelineStep>
    <TimelineStep
      icon={<IconAdd></IconAdd>}
      stepTitle={"Invoice Sent 1"}
      stepSubtitle={"04.06.2028"}>
      Timeline Step Content 1 goes here
    </TimelineStep>
  </Timeline>
);