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);

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);

Remove bold on sidebar primary button
Remove bold on sidebar primary button
