@fruits-chain/react-native-xiaoshu/lib/commonjs/search/style.js

🌈 React Native UI library

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.varCreator = exports.styleCreator = void 0;
var _reactNative = require("react-native");
const varCreator = TOKENS => {
  return {
    search_background_color: TOKENS.white,
    search_padding_horizontal: TOKENS.space_3,
    search_padding_vertical: TOKENS.space_1,
    search_gap: TOKENS.space_2,
    search_back_icon_color: TOKENS.gray_8,
    search_text_input_background_color: TOKENS.gray_3
  };
};
exports.varCreator = varCreator;
const styleCreator = cv => {
  return _reactNative.StyleSheet.create({
    search: {
      backgroundColor: cv.search_background_color,
      paddingHorizontal: cv.search_padding_horizontal,
      paddingVertical: cv.search_padding_vertical,
      flexDirection: 'row',
      alignItems: 'center'
    },
    search_back: {
      paddingLeft: cv.search_gap
    },
    text_input: {
      marginLeft: cv.search_gap
    },
    text_input_group: {
      flex: 1,
      backgroundColor: cv.search_text_input_background_color,
      borderRadius: 4
    },
    search_btn: {
      marginLeft: cv.search_gap
    },
    icon_back: {
      alignItems: 'center',
      justifyContent: 'center',
      marginRight: cv.search_gap
      // backgroundColor: '#f30',
    }
  });
};
exports.styleCreator = styleCreator;
//# sourceMappingURL=style.js.map