aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/docs/components/pages/home-shared/CTAButton.tsx
diff options
context:
space:
mode:
author简律纯 <i@jyunko.cn>2023-11-03 21:13:33 +0800
committer简律纯 <i@jyunko.cn>2023-11-03 21:13:33 +0800
commit9f0d43fe099a95ab1516ae951dcb60a89e76a5a5 (patch)
tree51614fe47bff8bb11028a07d4a35c34c9ff6594a /docs/components/pages/home-shared/CTAButton.tsx
parent8f135707d069c900e055dae71e69909d6b9a41bb (diff)
downloadHydroRoll-9f0d43fe099a95ab1516ae951dcb60a89e76a5a5.tar.gz
HydroRoll-9f0d43fe099a95ab1516ae951dcb60a89e76a5a5.zip
chore: delete useless codes
Diffstat (limited to 'docs/components/pages/home-shared/CTAButton.tsx')
-rw-r--r--docs/components/pages/home-shared/CTAButton.tsx43
1 files changed, 0 insertions, 43 deletions
diff --git a/docs/components/pages/home-shared/CTAButton.tsx b/docs/components/pages/home-shared/CTAButton.tsx
deleted file mode 100644
index 57da227..0000000
--- a/docs/components/pages/home-shared/CTAButton.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import cn from "classnames";
-import { MouseEventHandler } from "react";
-import gradients from "./gradients.module.css";
-
-export function CTAButton({
- children,
- outline,
- onClick,
- monospace,
-}: {
- outline?: boolean;
- children: React.ReactNode;
- onClick?: MouseEventHandler<HTMLButtonElement>;
- monospace?: boolean;
-}) {
- const outlineClasses =
- "border dark:border-neutral-400 dark:text-neutral-200 dark:hover:border-white dark:hover:text-white border-[#EAEAEA] text-neutral-800 hover:border-black hover:text-black";
- const filledClasses =
- "dark:text-black text-white border-transparent bg-black dark:bg-white";
-
- return (
- <div className="relative w-full group">
- <button
- onClick={onClick}
- className={`w-full min-w-[120px] text-base font-medium no-underline ${
- outline ? outlineClasses : filledClasses
- } rounded md:leading-6 transition-all duration-300 ${
- monospace ? "font-mono" : ""
- }`}
- >
- {children}
- </button>
- {!outline && (
- <div
- className={cn(
- "absolute bg-red-100 w-full h-full top-0 -z-10 rounded-full transition-all duration-300 blur-xl group-hover:opacity-70 opacity-0",
- gradients.translatingGlow
- )}
- />
- )}
- </div>
- );
-}