aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/icon.tsx
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-11-30 16:55:38 +0800
committerFred Carlsen <fred@sjelfull.no>2018-11-30 16:58:20 +0800
commit189920eab99a731dd6b0880a99ec8cc911b64314 (patch)
treeec8a2892410732e6339bf4568be50c586a2e65bb /packages/website/ts/@next/components/icon.tsx
parent83499176d9b627d383a7edc17dd862861af05320 (diff)
downloaddexon-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.tsx22
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} />
+ </>
+);