From 379da0aad980aecc46a611a11fa943d32174a152 Mon Sep 17 00:00:00 2001
From: jinhojang6 <jinho5051@gmail.com>
Date: Mon, 12 Jun 2023 20:37:22 +0900
Subject: [PATCH] add variant to CallToActionSection

---
 .../mdx/CallToActionSection/CallToActionSection.tsx          | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.tsx b/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.tsx
index 6fad874..0203af8 100644
--- a/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.tsx
+++ b/packages/logos-docusaurus-theme/src/client/components/mdx/CallToActionSection/CallToActionSection.tsx
@@ -1,4 +1,4 @@
-import { Button, Typography } from '@acid-info/lsd-react'
+import { ButtonProps, Typography } from '@acid-info/lsd-react'
 import clsx from 'clsx'
 import React from 'react'
 import { CallToActionButton } from '../index'
@@ -14,6 +14,7 @@ export type CallToActionSectionProps = Omit<
   href?: string
   label?: string
   target?: React.AnchorHTMLAttributes<HTMLAnchorElement>['target']
+  variant?: ButtonProps['variant']
 }
 
 export const CallToActionSection: React.FC<CallToActionSectionProps> = ({
@@ -25,6 +26,7 @@ export const CallToActionSection: React.FC<CallToActionSectionProps> = ({
   target,
   className,
   children,
+  variant = 'outlined',
   ...props
 }) => {
   const singleCol = columns === 1
@@ -60,6 +62,7 @@ export const CallToActionSection: React.FC<CallToActionSectionProps> = ({
           target={target}
           href={href}
           className="mdx-cta-section__link"
+          variant={variant}
         >
           {label}
         </CallToActionButton>