FrontEnd/src/pages/timeline/TimelineEmptyItem.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

import * as React from "react";
import classnames from "classnames";

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

export interface TimelineEmptyItemProps extends Partial<TimelineLineProps> {
  height?: number | string;
  className?: string;
  style?: React.CSSProperties;
}

const TimelineEmptyItem: React.FC<TimelineEmptyItemProps> = (props) => {
  const { height, style, className, center, ...lineProps } = props;

  return (
    <div
      style={{ ...style, height: height }}
      className={classnames("timeline-item", className)}
    >
      <TimelineLine center={center ?? "none"} {...lineProps} />
    </div>
  );
};

export default TimelineEmptyItem;