import React from 'react'
import PropTypes from 'prop-types'
import styled from 'styled-components'

const StyledItem = styled.li({
  display: 'flex'
})

export const OrderedListItemBase = ({ children, ...rest }) => (
  <StyledItem {...rest}>{children}</StyledItem>
)

OrderedListItemBase.propTypes = {
  /**
   * Item content
   */
  children: PropTypes.node.isRequired
}