import React from 'react' ; import 'hds-core' ; import styles from './FooterItemGroup.module.scss' ; import { getChildrenAsArray } from '../../../utils/getChildren' ; export const FooterItemGroup = ( { children } ) => { const childrenAsArray = getChildrenAsArray ( children ) ; return ( < div className = { styles . itemGroup } > { childrenAsArray . map ( ( child ) => { const { subItem } = child . props ; return ! subItem ? < h3 key = { `h3-${ child . key }` } > { child } < /h3> : child; } ) } < /div>); } ;