"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useStyles = void 0;
var _reactNative = require("react-native");
var _reactNativePaper = require("react-native-paper");
const useStyles = () => {
  const theme = (0, _reactNativePaper.useTheme)();
  const styles = _reactNative.StyleSheet.create({
    headerWrap: {
      flexDirection: 'row',
      justifyContent: 'space-between',
      alignItems: 'center',
      backgroundColor: theme.colors.background
    },
    inputWrap: {
      marginHorizontal: 16,
      backgroundColor: theme.colors.baseShade4,
      paddingHorizontal: 10,
      paddingVertical: _reactNative.Platform.OS === 'ios' ? 10 : 0,
      borderRadius: 8,
      flexDirection: 'row',
      justifyContent: 'space-between',
      marginVertical: 10,
      flex: 2,
      alignItems: 'center'
    },
    input: {
      flex: 1,
      marginHorizontal: 6,
      color: theme.colors.base
    },
    cancelBtn: {
      marginRight: 16,
      color: theme.colors.primary
    },
    searchIcon: {
      width: 20,
      height: 20,
      tintColor: theme.colors.baseShade3
    }
  });
  return styles;
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map