aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/buttons/button-link.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/atoms/buttons/button-link.tsx')
-rw-r--r--src/components/atoms/buttons/button-link.tsx55
1 files changed, 0 insertions, 55 deletions
diff --git a/src/components/atoms/buttons/button-link.tsx b/src/components/atoms/buttons/button-link.tsx
deleted file mode 100644
index c8180c9..0000000
--- a/src/components/atoms/buttons/button-link.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import Link from 'next/link';
-import { AnchorHTMLAttributes, FC, ReactNode } from 'react';
-import styles from './buttons.module.scss';
-
-export type ButtonLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
- /**
- * The button link body.
- */
- children: ReactNode;
- /**
- * True if it is an external link. Default: false.
- */
- external?: boolean;
- /**
- * ButtonLink kind. Default: secondary.
- */
- kind?: 'primary' | 'secondary' | 'tertiary';
- /**
- * ButtonLink shape. Default: rectangle.
- */
- shape?: 'circle' | 'rectangle' | 'square';
- /**
- * Define an URL as target.
- */
- target: string;
-};
-
-/**
- * ButtonLink component
- *
- * Use a button-like link as call to action.
- */
-export const ButtonLink: FC<ButtonLinkProps> = ({
- children,
- className,
- target,
- kind = 'secondary',
- shape = 'rectangle',
- external = false,
- ...props
-}) => {
- const kindClass = styles[`btn--${kind}`];
- const shapeClass = styles[`btn--${shape}`];
- const btnClass = `${styles.btn} ${kindClass} ${shapeClass} ${className}`;
-
- return external ? (
- <a {...props} className={btnClass} href={target}>
- {children}
- </a>
- ) : (
- <Link {...props} className={btnClass} href={target}>
- {children}
- </Link>
- );
-};