1 files changed, 0 insertions, 88 deletions
diff --git a/docs/components/Feature.tsx b/docs/components/Feature.tsx
deleted file mode 100644
index 1a8a8b2..0000000
--- a/docs/components/Feature.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import classNames from "classnames";
-import Link from "next/link";
-import type { Feature } from "../content/legacy-features";
-
-type FeatureProps = {
-  feature: Omit<Feature, "page">;
-  // include feature description
-  detailed?: boolean;
-};
-
-const DetailedFeatureInner = (props: { feature: FeatureProps["feature"] }) => {
-  const { Icon, name, description } = props.feature;
-  return (
-    <>
-      <div className="inline-flex items-center space-x-3">
-        <div className="flex items-center justify-center bg-black rounded-full bg-opacity-5 w-9 h-9 icon-circle">
-          <Icon
-            className={classNames(
-              "h-8 w-8 dark:text-white flex-shrink-0 p-1.5 text-black block dark:stroke-[url(#pink-gradient)]",
-              Icon.requiresFill && "dark:fill-[url(#pink-gradient)]"
-            )}
-            aria-hidden="true"
-          />
-        </div>
-        <h3 className="m-0 text-lg font-semibold leading-6 tracking-tight text-gray-900 dark:text-white">
-          {name}
-        </h3>
-      </div>
-      <div>
-        <p className="mt-2 text-base font-medium leading-7 text-gray-500 dark:text-gray-400">
-          {description}
-        </p>
-      </div>
-      <style jsx global>{`
-        html.dark .icon-circle {
-          background: linear-gradient(
-            180deg,
-            rgba(50, 134, 241, 0.2) 0%,
-            rgba(195, 58, 195, 0.2) 100%
-          );
-        }
-      `}</style>
-    </>
-  );
-};
-
-const featureWrapperClasses = `relative block overflow-hidden p-10 bg-white shadow-lg rounded-xl dark:bg-opacity-5 no-underline text-black dark:text-white`;
-
-export const DetailedFeatureLink = (props: {
-  href: string;
-  feature: FeatureProps["feature"];
-  target?: string;
-}) => {
-  const { href, feature, ...rest } = props;
-  return (
-    <Link href={href} className={featureWrapperClasses} {...rest}>
-      <DetailedFeatureInner feature={feature}></DetailedFeatureInner>
-    </Link>
-  );
-};
-
-export default function Feature(props: FeatureProps) {
-  const { feature, detailed = false } = props;
-  const { Icon, name } = feature;
-
-  if (detailed) {
-    return (
-      <div className={featureWrapperClasses}>
-        <DetailedFeatureInner feature={feature} />
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex items-center space-x-4">
-      <div>
-        <Icon
-          className="block w-8 h-8 text-black dark:text-white"
-          style={{ height: 24, width: 24 }}
-          aria-hidden="true"
-        />
-      </div>
-      <div>
-        <div className="my-0 font-medium dark:text-white">{name}</div>
-      </div>
-    </div>
-  );
-}