1 files changed, 0 insertions, 55 deletions
diff --git a/docs/components/Callout.tsx b/docs/components/Callout.tsx
deleted file mode 100644
index d284bae..0000000
--- a/docs/components/Callout.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import React, { ReactElement, ReactNode } from "react";
-import {
-  LightBulbIcon,
-  ExclamationIcon,
-  ExclamationCircleIcon,
-  InformationCircleIcon,
-} from "@heroicons/react/solid";
-
-const THEMES = {
-  info: {
-    classes:
-      "bg-blue-100 text-blue-800 dark:text-blue-300 dark:bg-blue-200 dark:bg-opacity-10",
-    icon: <InformationCircleIcon className="w-5 h-5 mt-1" />,
-  },
-  idea: {
-    classes:
-      "bg-gray-100 text-gray-800 dark:text-gray-300 dark:bg-gray-200 dark:bg-opacity-10",
-    icon: <LightBulbIcon className="w-5 h-5 mt-1" />,
-  },
-  error: {
-    classes:
-      "bg-red-200 text-red-900 dark:text-red-200 dark:bg-red-600 dark:bg-opacity-30",
-    icon: <ExclamationCircleIcon className="w-5 h-5 mt-1" />,
-  },
-  default: {
-    classes:
-      "bg-orange-100 text-orange-800 dark:text-orange-300 dark:bg-orange-200 dark:bg-opacity-10",
-    icon: <ExclamationIcon className="w-5 h-5 mt-1" />,
-  },
-};
-
-export default function Callout({
-  children,
-  type = "default",
-  icon,
-}: {
-  children: ReactNode;
-  type: keyof typeof THEMES;
-  icon?: ReactElement;
-}) {
-  return (
-    <div className={`${THEMES[type].classes} flex rounded-lg callout mt-6`}>
-      <div
-        className="py-2 pl-3 pr-2 text-xl select-none"
-        style={{
-          fontFamily:
-            '"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
-        }}
-      >
-        {icon || THEMES[type].icon}
-      </div>
-      <div className="py-2 pr-4 overflow-auto">{children}</div>
-    </div>
-  );
-}