feat: implement text diff tool

components/buttons/index.ts

@@ -2,3 +2,4 @@ export * from "./clear";
 export * from "./copy";
 export * from "./file";
 export * from "./paste";
+export * from "./toggle-full-size";

components/buttons/toggle-full-size.tsx

@@ -0,0 +1,22 @@
+import { memo } from "react";
+import equal from "react-fast-compare";
+
+import * as Icon from "@/components/icons";
+
+import { Base, BaseProps } from "./base";
+
+export type ToggleFullSizeProps = Omit<BaseProps, "icon" | "labelText"> & {
+  expanded: boolean;
+};
+
+function RawToggleFullSize({ expanded, ...props }: ToggleFullSizeProps) {
+  return (
+    <Base
+      {...props}
+      icon={expanded ? <Icon.Minimize size={16} /> : <Icon.Maximize size={16} />}
+      labelText={expanded ? "Collapse" : "Expand"}
+    />
+  );
+}
+
+export const ToggleFullSize = memo(RawToggleFullSize, equal);