refactor(VisuallyHidden): migrate component to typescript

Refs: #6392
ethereum · Jun 28, 2022 · 8667a30 · 8667a30
1 parent 4457e23
commit 8667a30
Showing 1 changed file with 4 additions and 9 deletions.
diff --git a/src/components/VisuallyHidden.js → src/components/VisuallyHidden.tsx b/src/components/VisuallyHidden.js → src/components/VisuallyHidden.tsx
@@ -1,5 +1,4 @@
 import React from "react"
-import PropTypes from "prop-types"
 import styled from "styled-components"
 
 // "Accessibility/SEO Friendly CSS Hiding"
@@ -33,15 +32,11 @@ const Container = styled.span`
   }
 `
 
-const VisuallyHidden = (props) =>
-  props.isHidden ? <Container>{props.children}</Container> : props.children
-
-VisuallyHidden.propTypes = {
-  isHidden: PropTypes.bool,
+export interface IProps {
+  isHidden?: boolean
 }
 
-VisuallyHidden.defaultProps = {
-  isHidden: false,
-}
+const VisuallyHidden: React.FC<IProps> = ({ isHidden = false, children }) =>
+  isHidden ? <Container>{children}</Container> : <>children</>
 
 export default VisuallyHidden