refactor: avoid defaultProps for styled-components

src/components/elements/Heading.js

@@ -1,5 +1,6 @@
 import styled from 'styled-components'
 import { theme } from 'theme'
+import React from 'react'
 
 import Text from './Text'
 
@@ -13,9 +14,4 @@ const Heading = styled(Text)(
   })
 )
 
-Heading.defaultProps = {
-  as: 'h1',
-  variant: 'gradient'
-}
-
-export default Heading
+export default props => <Heading as='h1' variant='gradient' {...props} />

src/components/elements/Subhead.js

@@ -1,6 +1,7 @@
 import styled from 'styled-components'
 import Heading from './Heading'
 import { theme } from 'theme'
+import React from 'react'
 
 const Subhead = styled(Heading)(
   theme({
@@ -9,9 +10,4 @@ const Subhead = styled(Heading)(
   })
 )
 
-Subhead.defaultProps = {
-  as: 'h2',
-  variant: null
-}
-
-export default Subhead
+export default props => <Subhead as='h2' variant={null} {...props} />

src/components/elements/Text.js

@@ -18,8 +18,4 @@ const Text = styled(Box).withConfig({
   })
 )
 
-Text.defaultProps = {
-  as: 'div'
-}
-
 export default Text