spread props, text should be centered

CDCgov · Nov 7, 2024 · 769bbe9 · 769bbe9
1 parent fe63f3f
commit 769bbe9
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/app/components/LinkButton/LinkButton.tsx b/src/app/components/LinkButton/LinkButton.tsx
@@ -10,12 +10,14 @@ export function LinkButton({
   variant,
   href,
   disabled = false,
+  ...props
 }: LinkButtonProps) {
   if (variant === 'secondary') {
     return (
       <Link
         href={href}
         className="usa-button hover:bg-red items-center justify-start gap-2.5 rounded border-2 border-[#224a58] bg-white px-5 py-3 hover:border-2"
+        {...props}
       >
         <span className="text-center text-base font-bold leading-none text-[#224a58]">
           {children}
@@ -32,8 +34,9 @@ export function LinkButton({
     <Link
       href={href}
       className="usa-button hover:bg-green self-end justify-self-start bg-[#224a58]"
+      {...props}
     >
-      <span className="text-right text-base font-bold text-white">
+      <span className="text-center text-base font-bold text-white">
         {children}
       </span>
     </Link>