import React , { ReactNode } from 'react' ; import { FiGithub , FiInstagram , FiLinkedin , FiTwitter } from 'react-icons/fi' ; function returns { IMyContact [ ] } export const useContactConfig = ( ) : { myContacts : IMyContact [ ] ; } => { const myContacts = [ { id : 1 , icon : < FiTwitter className = { 'contact-icon' } / > , text : 'Twitter' , href : 'https://twitter.com/vova_ush' , } , { id : 2 , icon : < FiGithub className = { 'contact-icon' } />, text : 'GitHub' , href : 'https://github.com/vovaushenko' , } , { id : 3 , icon : < FiLinkedin className = { 'contact-icon' } />, text : 'LinkedIn' , href : 'https://www.linkedin.com/in/vovau/' , } , { id : 4 , icon : < FiInstagram className = { 'contact-icon' } />, text : 'LinkedIn' , href : 'https://www.instagram.com/vovacodes/' , } , ] ; return { myContacts } ; } ; export interface IMyContact { id : number ; icon : ReactNode ; text : string ; href : string ; }