import _extends from "@babel/runtime/helpers/esm/extends";
import React from 'react';
import { Select as RebassSelect } from '@rebass/forms';

const TransparentSelect = props => /*#__PURE__*/React.createElement(RebassSelect, _extends({
  css: {
    color: 'inherit',
    border: 'none',
    fontSize: [2, 2, 2, 4],
    WebkitTapHighlightColor: 'transparent',
    // FF
    '&:invalid': {
      boxShadow: 'none'
    },
    '&:focus': {
      outline: 0
    },
    width: '100%'
  },
  px: 0
}, props));

export default TransparentSelect;