aboutsummaryrefslogblamecommitdiffstats
path: root/packages/instant/src/components/secondary_button.tsx
blob: 0714ce287065f064524355330629ac1068967c41 (plain) (tree)
1
2
3
4
5
6
7
8




                                             
                                                  
 
                                                            






                                                                                         
                               


                                   
                            


                 


                                
                                                
import * as _ from 'lodash';
import * as React from 'react';

import { ColorOption } from '../style/theme';

import { Button, ButtonProps } from './ui/button';

export interface SecondaryButtonProps extends ButtonProps {}

export const SecondaryButton: React.StatelessComponent<SecondaryButtonProps> = props => {
    const buttonProps = _.omit(props, 'text');
    return (
        <Button
            backgroundColor={ColorOption.white}
            borderColor={ColorOption.lightGrey}
            width={props.width}
            onClick={props.onClick}
            {...buttonProps}
        >
            {props.children}
        </Button>
    );
};
SecondaryButton.defaultProps = {
    width: '100%',
};
SecondaryButton.displayName = 'SecondaryButton';