import React from 'react' ; import Heading from 'components/Heading' ; import Container from 'components/Container' ; import CardModule from 'components/CardModule' ; import content from './content' ; import * as S from './styles' ; const SectionModules = ( ) => ( < Container > < Heading reverseColor > Módulos deste curso < /Heading> < S . Content > { content . map ( ( { title , subtitle , description } , index ) => ( < CardModule key = { index } title = { title } subTitle = { subtitle } > < div dangerouslySetInnerHTML = { { __html : description } } / > < /CardModule>))} < /S.Content> < /Container>); export default SectionModules ;