1 files changed, 23 insertions, 0 deletions
diff --git a/FrontEnd/src/views/timeline/CollapseButton.tsx b/FrontEnd/src/views/timeline/CollapseButton.tsx
new file mode 100644
index 00000000..31976228
--- /dev/null
+++ b/FrontEnd/src/views/timeline/CollapseButton.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+import classnames from "classnames";
+
+const CollapseButton: React.FC<{
+  collapse: boolean;
+  onClick: () => void;
+  className?: string;
+  style?: React.CSSProperties;
+}> = ({ collapse, onClick, className, style }) => {
+  return (
+    <i
+      onClick={onClick}
+      className={classnames(
+        collapse ? "bi-arrows-angle-expand" : "bi-arrows-angle-contract",
+        "cru-color-primary icon-button",
+        className
+      )}
+      style={style}
+    />
+  );
+};
+
+export default CollapseButton;