primer-react/src/FlexItem.js

Primer react components

import React from 'react'
import PropTypes from 'prop-types'
import classnames from 'classnames'

const FlexItem = ({tag: Tag = 'div', children, flexAuto, alignSelf}) => {
  const classes = classnames({'flex-auto': flexAuto}, alignSelf && `flex-self-${alignSelf}`)

  return <Tag className={classes}>{children}</Tag>
}

FlexItem.propTypes = {
  flexAuto: PropTypes.bool,
  alignSelf: PropTypes.oneOf(['auto', 'start', 'end', 'center', 'baseline', 'stretch']),
  tag: PropTypes.string
}
export default FlexItem