FrontEnd/src/app/views/timeline-common/TimelineTop.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

import React from "react";
import clsx from "clsx";

import TimelineLine, { TimelineLineProps } from "./TimelineLine";

export interface TimelineTopProps {
  height?: number | string;
  lineProps?: TimelineLineProps;
  className?: string;
  style?: React.CSSProperties;
}

const TimelineTop: React.FC<TimelineTopProps> = (props) => {
  const { height, style, className } = props;
  const lineProps = props.lineProps ?? { center: "none" };

  return (
    <div
      style={{ ...style, height: height }}
      className={clsx("timeline-top", className)}
    >
      <TimelineLine {...lineProps} />
    </div>
  );
};

export default TimelineTop;