import { forwardRef, Ref } from 'react';
import Button, { ButtonProps } from '../button/Button';
import { classnames } from '../../helpers';

const SidebarPrimaryButton = ({ children, className = '', ...rest }: ButtonProps, ref: Ref<HTMLButtonElement>) => {
    return (
        <Button color="norm" size="large" className={classnames(['mt0-25 w100', className])} ref={ref} {...rest}>
            {children}
        </Button>
    );
};

export default forwardRef<HTMLButtonElement, ButtonProps>(SidebarPrimaryButton);

import { forwardRef, Ref } from 'react';
import Button, { ButtonProps } from '../button/Button';
import { classnames } from '../../helpers';

const SidebarPrimaryButton = ({ children, className = '', ...rest }: ButtonProps, ref: Ref<HTMLButtonElement>) => {
    return (
        <Button
            color="norm"
            size="large"
            className={classnames(['text-bold mt0-25 w100', className])}
            ref={ref}
            {...rest}
        >
            {children}
        </Button>
    );
};

export default forwardRef<HTMLButtonElement, ButtonProps>(SidebarPrimaryButton);

--- 
+++ 
@@ -4,13 +4,7 @@
 
 const SidebarPrimaryButton = ({ children, className = '', ...rest }: ButtonProps, ref: Ref<HTMLButtonElement>) => {
     return (
-        <Button
-            color="norm"
-            size="large"
-            className={classnames(['text-bold mt0-25 w100', className])}
-            ref={ref}
-            {...rest}
-        >
+        <Button color="norm" size="large" className={classnames(['mt0-25 w100', className])} ref={ref} {...rest}>
             {children}
         </Button>
     );
Remove bold on sidebar primary button
