import React , { ReactNode } from 'react' ; import * as Styled from './SocialMediaContact.styles' ; export interface Props { icon : ReactNode ; href : string ; } function param { ReactNode } icon param { string } text param { string } href returns { JSX . Element } const SocialMediaContact = ( { icon , href } ) : JSX . Element => { return ( < Styled . Container href = { href } target = "_blank" rel = "noopener" > < div className = "hovicon effect-1 sub-b" > { icon } < /div> < /Styled.Container>); } ; export default SocialMediaContact ;