native-base/lib/commonjs/theme/v33x-theme/components/select.js

Essential cross-platform UI components for React Native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.SelectItem = exports.Select = void 0;

var _tools = require("../tools");

const Select = {
  baseStyle: props => {
    return {
      _webSelect: {
        appearance: 'none',
        WebkitAppearance: 'none',
        MozAppearance: 'none',
        position: 'absolute',
        width: '100%',
        height: '100%',
        opacity: 0,
        zIndex: 1
      },
      customDropdownIconProps: {
        size: '6',
        p: '1',
        pl: '0',
        color: 'trueGray.400'
      },
      _web: {
        pointerEvents: 'none'
      },
      _disabled: {
        opacity: '80',
        bg: (0, _tools.mode)('muted.100', 'muted.700')(props)
      },
      _invalid: {
        borderColor: (0, _tools.mode)('danger.600', 'danger.300')(props)
      },
      _focus: {
        borderColor: (0, _tools.mode)('primary.400', 'primary.500')(props)
      },
      _hover: {
        bg: (0, _tools.mode)('gray.100', 'gray.700')(props)
      },
      _actionSheetBody: {
        w: '100%'
      },
      _actionSheetContent: {}
    };
  },
  defaultProps: {
    optimized: true
  }
}; // SelectIcon - only for custom variant

exports.Select = Select;
const SelectItem = {
  baseStyle: {
    p: '1',
    px: '2',
    borderRadius: '0',
    minH: '0'
  }
};
exports.SelectItem = SelectItem;
//# sourceMappingURL=select.js.map