diff options
author | Fred Carlsen <fred@sjelfull.no> | 2018-11-30 19:05:08 +0800 |
---|---|---|
committer | Fred Carlsen <fred@sjelfull.no> | 2018-11-30 19:05:08 +0800 |
commit | fff4dd7e947f7f66e0854dea5d192c72b9e3d674 (patch) | |
tree | 64e8d3577ddb61f50df046d3ee9a5a735da6e815 /packages/website/ts/@next/components/icon.tsx | |
parent | c2d958515009967a6802a06e47f454e12d15a7fe (diff) | |
download | dexon-0x-contracts-fff4dd7e947f7f66e0854dea5d192c72b9e3d674.tar.gz dexon-0x-contracts-fff4dd7e947f7f66e0854dea5d192c72b9e3d674.tar.zst dexon-0x-contracts-fff4dd7e947f7f66e0854dea5d192c72b9e3d674.zip |
Export svgs as typed pure components
Diffstat (limited to 'packages/website/ts/@next/components/icon.tsx')
-rw-r--r-- | packages/website/ts/@next/components/icon.tsx | 21 |
1 files changed, 12 insertions, 9 deletions
diff --git a/packages/website/ts/@next/components/icon.tsx b/packages/website/ts/@next/components/icon.tsx index 10916f28e..112d4ed68 100644 --- a/packages/website/ts/@next/components/icon.tsx +++ b/packages/website/ts/@next/components/icon.tsx @@ -3,20 +3,23 @@ import styled from 'styled-components'; interface Props { icon: any; - size?: any; + size?: string; } -const StyledIcon = styled.div` +export const IconClass: React.FunctionComponent<Props> = (props: Props) => { + const { icon, size } = props; + + return ( + <div /> + ); +}; + +export const Icon = styled(IconClass)` margin: auto; flex-shrink: 0; ${(props: Props) => props.size && ` - width: ${props.size}; height: auto; + width: ${props.size}; + height: auto; `} `; - -export const Icon: React.StatelessComponent = ({ icon, ...props }) => ( - <> - <StyledIcon as={icon as 'svg'} {...props} /> - </> -); |