From e9ca4022791a8acd25f1dba2533653710a084192 Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Wed, 16 Nov 2022 15:00:05 -0800
Subject: [PATCH] create ButtonLinkSecondary component

---
 src/components/UI/ButtonLinkSecondary.tsx | 22 ++++++++++++++++++++++
 src/components/UI/index.ts                |  1 +
 2 files changed, 23 insertions(+)
 create mode 100644 src/components/UI/ButtonLinkSecondary.tsx

diff --git a/src/components/UI/ButtonLinkSecondary.tsx b/src/components/UI/ButtonLinkSecondary.tsx
new file mode 100644
index 0000000000..882a8a4a2d
--- /dev/null
+++ b/src/components/UI/ButtonLinkSecondary.tsx
@@ -0,0 +1,22 @@
+import { Link, Stack, Text } from '@chakra-ui/react';
+import NextLink, { LinkProps } from 'next/link';
+
+import { Link as LinkTheme } from "../../theme/components"
+
+interface Props extends LinkProps {
+  children: React.ReactNode;
+}
+
+export const ButtonLinkSecondary: React.FC<Props> = ({ href, children, ...restProps}) => {
+  const isExternal: boolean = href.toString().startsWith('http');
+  const variant = LinkTheme.variants["button-link-secondary"]
+  return (
+    <Stack sx={{ mt: '0 !important' }} {...variant}>
+      <NextLink href={href} passHref {...restProps}>
+        <Link variant='button-link-secondary' isExternal={isExternal}>
+          <Text textStyle='home-section-link-label'>{children}</Text>
+        </Link>
+      </NextLink>
+    </Stack>
+  );
+};
diff --git a/src/components/UI/index.ts b/src/components/UI/index.ts
index 322eabe70a..e2b19e38c8 100644
--- a/src/components/UI/index.ts
+++ b/src/components/UI/index.ts
@@ -1,2 +1,3 @@
+export * from './ButtonLinkSecondary';
 export * from './DataTable';
 export * from './Header';