import React from 'react' ; import * as Styled from './SideNavigation.styles' ; import { IScrollNavLink } from '../About/About.config' ; import ScrollLink from '../ScrollLink/ScrollLink' ; export interface Props { navData : IScrollNavLink [ ] ; } function param { number } prop returns { JSX . Element } const SideNavigation = ( { navData } ) : JSX . Element => { return ( < Styled . Container > < Styled . NAV > { navData . map ( ( scrollLink ) => ( < ScrollLink key = { scrollLink . id } icon = { scrollLink . icon } hiddenText = { scrollLink . hiddenText } anchorID = { scrollLink . anchorID } / > ) ) } < /Styled.NAV> < /Styled.Container>); } ; export default SideNavigation ;