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


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

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

const CollapseButton: React.FC<{
  collapse: boolean;
  onClick: () => void;
  className?: string;
  style?: React.CSSProperties;
}> = ({ collapse, onClick, className, style }) => {
  return (
    <i
      onClick={onClick}
      className={clsx(
        collapse ? "bi-arrows-angle-expand" : "bi-arrows-angle-contract",
        "text-primary icon-button",
        className
      )}
      style={style}
    />
  );
};

export default CollapseButton;