login google logo

src/components/button/PrimaryButton.tsx

@@ -6,6 +6,7 @@ interface ButtonProps {
   text?: string;
   className?: string;
   onClick: () => void;
+  children?: React.ReactNode;
 }
 
 export const PrimaryButton: React.FC<ButtonProps> = ({
@@ -13,6 +14,7 @@ export const PrimaryButton: React.FC<ButtonProps> = ({
   text = "",
   className,
   onClick,
+  children,
 }) => {
   return (
     <label
@@ -40,7 +42,7 @@ export const PrimaryButton: React.FC<ButtonProps> = ({
             "[&:focus-visible+*]:outline-liquid-brightmain",
           )}
           disabled={disabled}
-          onClick={() => {onClick()}}
+          onClick={() => { onClick() }}
         />
 
         {/* Граница при выделении через tab */}
@@ -51,7 +53,7 @@ export const PrimaryButton: React.FC<ButtonProps> = ({
             "px-[16px] py-[8px]",
           )}
         >
-          {text}
+          {children || text}
         </div>
         <div
           className={cn(
@@ -60,7 +62,7 @@ export const PrimaryButton: React.FC<ButtonProps> = ({
             disabled && "text-liquid-light"
           )}
         >
-          {text}
+          {children || text}
         </div>
       </div>
     </label>

src/components/button/SecondaryButton.tsx

@@ -6,6 +6,8 @@ interface ButtonProps {
   text?: string;
   className?: string;
   onClick: () => void;
+  children?: React.ReactNode;
+
 }
 
 export const SecondaryButton: React.FC<ButtonProps> = ({
@@ -13,6 +15,7 @@ export const SecondaryButton: React.FC<ButtonProps> = ({
   text = "",
   className,
   onClick,
+  children,
 }) => {
   return (
     <label
@@ -39,7 +42,7 @@ export const SecondaryButton: React.FC<ButtonProps> = ({
             "[&:focus-visible+*]:outline-liquid-brightmain",
           )}
           disabled={disabled}
-          onClick={() => {onClick()}}
+          onClick={() => { onClick() }}
         />
 
         {/* Граница при выделении через tab */}
@@ -50,7 +53,7 @@ export const SecondaryButton: React.FC<ButtonProps> = ({
             "px-[16px] py-[8px]",
           )}
         >
-          {text}
+          {children || text}
         </div>
         <div
           className={cn(
@@ -58,7 +61,7 @@ export const SecondaryButton: React.FC<ButtonProps> = ({
             disabled && "text-liquid-light"
           )}
         >
-          {text}
+          {children || text}
         </div>
       </div>
     </label>