diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-11-30 16:55:38 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-11-30 16:58:20 +0800 |
commit | 189920eab99a731dd6b0880a99ec8cc911b64314 (patch) | |
tree | ec8a2892410732e6339bf4568be50c586a2e65bb /packages/website/ts/@next/components/icon.tsx | |
parent | 83499176d9b627d383a7edc17dd862861af05320 (diff) | |
download | dexon-0x-contracts-189920eab99a731dd6b0880a99ec8cc911b64314.tar.gz dexon-0x-contracts-189920eab99a731dd6b0880a99ec8cc911b64314.tar.zst dexon-0x-contracts-189920eab99a731dd6b0880a99ec8cc911b64314.zip |
Added newsletter form to footer
Diffstat (limited to 'packages/website/ts/@next/components/icon.tsx')
-rw-r--r-- | packages/website/ts/@next/components/icon.tsx | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/packages/website/ts/@next/components/icon.tsx b/packages/website/ts/@next/components/icon.tsx new file mode 100644 index 000000000..10916f28e --- /dev/null +++ b/packages/website/ts/@next/components/icon.tsx @@ -0,0 +1,22 @@ +import * as React from 'react'; +import styled from 'styled-components'; + +interface Props { + icon: any; + size?: any; +} + +const StyledIcon = styled.div` + margin: auto; + flex-shrink: 0; + + ${(props: Props) => props.size && ` + width: ${props.size}; height: auto; + `} +`; + +export const Icon: React.StatelessComponent = ({ icon, ...props }) => ( + <> + <StyledIcon as={icon as 'svg'} {...props} /> + </> +); |