import React from 'react' ; import * as Styled from './SkillListItem.styles' ; import PortfolioParagraph from '../Typography/PortfolioParagraph/PortfolioParagraph' ; export interface Props { skillSection : string ; skillValue : string ; } function param { string } skillSection param { string } skillValue returns { JSX . Element } const SkillListItem = ( { skillSection , skillValue } ) : JSX . Element => { return ( < Styled . LI > < Styled . SkillSection > { skillSection } < /Styled.SkillSection> < PortfolioParagraph margin = { '0' } paragraphText = { skillValue } withDarkColor = { false } variant = { 'medium' } withAnimatedPresence = { false } / > < /Styled.LI>); } ; export default SkillListItem ;