...

1 files changed, 21 insertions, 0 deletions

diff --git a/FrontEnd/src/pages/timeline/CollapseButton.tsx b/FrontEnd/src/pages/timeline/CollapseButton.tsx
new file mode 100644
index 00000000..8270e160
--- /dev/null
+++ b/FrontEnd/src/pages/timeline/CollapseButton.tsx
@@ -0,0 +1,21 @@
+import * as React from "react";
+
+import IconButton from "@/views/common/button/IconButton";
+
+const CollapseButton: React.FC<{
+  collapse: boolean;
+  onClick: () => void;
+  className?: string;
+  style?: React.CSSProperties;
+}> = ({ collapse, onClick, className, style }) => {
+  return (
+    <IconButton
+      icon={collapse ? "arrows-angle-expand" : "arrows-angle-contract"}
+      onClick={onClick}
+      className={className}
+      style={style}
+    />
+  );
+};
+
+export default CollapseButton;