FrontEnd/src/pages/timeline/TimelinePostEditCard.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
28
29
30
31

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

import Card from "@/views/common/Card";
import TimelineLine from "./TimelineLine";

import "./TimelinePostEdit.css";

export interface TimelinePostEditCardProps {
  className?: string;
  style?: React.CSSProperties;
  children?: React.ReactNode;
}

const TimelinePostEdit: React.FC<TimelinePostEditCardProps> = ({
  className,
  style,
  children,
}) => {
  return (
    <div
      className={classnames("timeline-item timeline-post-edit", className)}
      style={style}
    >
      <TimelineLine center="node" />
      <Card className="timeline-item-card">{children}</Card>
    </div>
  );
};

export default TimelinePostEdit;