import * as React from 'react' ; import styled from 'styled-components' ; const StyledList = styled . ul `
  width: 100%;
  ${ ( { theme } ) => theme . fonts . bodyStyle };
` ; const StyledListItem = styled . li `
  margin-top: 10px;
  margin-bottom: 10px;
` ; export interface IListProps { id ? : string ; list : string [ ] ; } export const List = ( { list , id } ) => { return ( < StyledList id = { id } > { list . map ( ( item , index ) => ( < StyledListItem key = { index } > { item } < /StyledListItem>))} < /StyledList>); } ;