gilbarbara/styled-minimal

import PropTypes from 'prop-types';
import styled from 'styled-components';

import Box, { basePropTypes } from './Box';

const Flex = styled(Box)({
  display: 'flex',
});

Flex.displayName = 'Flex';

Flex.propTypes = {
  as: PropTypes.string,
  children: PropTypes.node.isRequired,
  ...basePropTypes,
};

Flex.defaultProps = {
  alignItems: 'center',
};

export default Flex;