chore: rename blocks to artifacts (#793)

components/artifact-close-button.tsx

@@ -0,0 +1,29 @@
+import { memo } from 'react';
+import { CrossIcon } from './icons';
+import { Button } from './ui/button';
+import { initialArtifactData, useArtifact } from '@/hooks/use-artifact';
+
+function PureArtifactCloseButton() {
+  const { setArtifact } = useArtifact();
+
+  return (
+    <Button
+      variant="outline"
+      className="h-fit p-2 dark:hover:bg-zinc-700"
+      onClick={() => {
+        setArtifact((currentArtifact) =>
+          currentArtifact.status === 'streaming'
+            ? {
+                ...currentArtifact,
+                isVisible: false,
+              }
+            : { ...initialArtifactData, status: 'idle' },
+        );
+      }}
+    >
+      <CrossIcon size={18} />
+    </Button>
+  );
+}
+
+export const ArtifactCloseButton = memo(PureArtifactCloseButton, () => true);