28 lines
753 B
TypeScript
28 lines
753 B
TypeScript
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';
|