aboutsummaryrefslogtreecommitdiffstats
path: root/packages/instant/src/components/retry_button.tsx
blob: 5e36506d0424d0ab464e58b90bde2b3675d51e94 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import * as React from 'react';

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

import { Button, Text } from './ui';

export interface RetryButtonProps {
    onClick: () => void;
}

export const RetryButton: React.StatelessComponent<RetryButtonProps> = props => {
    return (
        <Button
            backgroundColor={ColorOption.white}
            borderColor={ColorOption.lightGrey}
            width="100%"
            onClick={props.onClick}
        >
            <Text fontColor={ColorOption.primaryColor} fontWeight={600} fontSize="16px">
                Try Again
            </Text>
        </Button>
    );
};