diff options
author | August Skare <post@augustskare.no> | 2018-10-18 19:28:44 +0800 |
---|---|---|
committer | August Skare <post@augustskare.no> | 2018-10-18 19:28:44 +0800 |
commit | b158a6d7226fb50ecedcc07da8ef30e5e5690e46 (patch) | |
tree | 3cab0f55e7f8961be4f6ecc49f5a3f503cd21bc9 /packages/dev-tools-pages/ts/components/Button.tsx | |
parent | c616b53c9c95edcc9da34aaaee3b91f5f1787636 (diff) | |
download | dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.gz dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.bz2 dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.lz dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.xz dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.tar.zst dexon-0x-contracts-b158a6d7226fb50ecedcc07da8ef30e5e5690e46.zip |
initial commit
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Button.tsx')
-rw-r--r-- | packages/dev-tools-pages/ts/components/Button.tsx | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/Button.tsx b/packages/dev-tools-pages/ts/components/Button.tsx new file mode 100644 index 000000000..e676961c8 --- /dev/null +++ b/packages/dev-tools-pages/ts/components/Button.tsx @@ -0,0 +1,26 @@ +import styled from 'styled-components'; + +import { withContext, Props } from './withContext'; + +interface ButtonProps extends Props { + large?: boolean; +} + +const Button = + styled.button < + ButtonProps > + ` + font-family: inherit; + font-size: ${props => (props.large ? '1.125rem' : '.875rem')}; + font-weight: 500; + white-space: nowrap; + vertical-align: middle; + background-color: ${props => props.colors.secondary}; + color: #000; + border: 0; + border-radius: 5rem; + padding: ${props => (props.large ? '1.125rem 2.375rem' : '.5625rem 1.25rem')}; + display: inline-block; +`; + +export default withContext(Button); |