Styled-Components - Wrapping a custom component

styled-component-styled-component.jsx

import styled from 'styled-components'

/*
* Wrapping a custom component
*/
const UnorderedList = styled(({ children, ...rest }) => (
  <ul {...rest}>
    { children }
  </ul>
))`
  list-style: none;
  
  li {
    margin-bottom: 7px;
  }
`

export default () => (
  <UnorderedList>
    <li>...<li>
  </UnorderedList>
)