"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({
    chipTabList: {
      gap: 8,
      alignItems: 'center',
      flexDirection: 'row',
      justifyContent: 'flex-start'
    },
    chipTab: {
      borderWidth: 1,
      borderRadius: 24,
      paddingVertical: 8,
      paddingHorizontal: 12,
      borderColor: theme.colors.baseShade4,
      backgroundColor: theme.colors.background
    },
    activeChipTab: {
      backgroundColor: theme.colors.primary
    },
    chipTabText: {
      color: theme.colors.baseShade1
    },
    activeChipTabText: {
      color: theme.colors.background
    },
    underlineTabList: {
      gap: 20,
      paddingTop: 16,
      paddingHorizontal: 16,
      alignItems: 'center',
      flexDirection: 'row',
      justifyContent: 'flex-start',
      borderBottomColor: theme.colors.baseShade4,
      borderBottomWidth: 1
    },
    underlineTab: {
      paddingBottom: 12,
      backgroundColor: theme.colors.background,
      borderBottomWidth: 2,
      borderBottomColor: 'transparent'
    },
    activeUnderlineTab: {
      borderBottomWidth: 2,
      borderBottomColor: theme.colors.primary
    },
    underlineTabText: {
      color: theme.colors.baseShade2
    },
    activeUnderlineTabText: {
      color: theme.colors.primary
    },
    iconTabList: {
      gap: 20,
      paddingTop: 16,
      paddingHorizontal: 16,
      alignItems: 'center',
      flexDirection: 'row',
      justifyContent: 'space-between',
      borderBottomColor: theme.colors.baseShade4,
      borderBottomWidth: 1,
      backgroundColor: theme.colors.background
    },
    iconTab: {
      paddingBottom: 14,
      paddingHorizontal: 38,
      backgroundColor: theme.colors.background,
      borderBottomWidth: 2,
      borderBottomColor: 'transparent'
    },
    activeIconTab: {
      borderBottomWidth: 2,
      borderBottomColor: theme.colors.primary
    },
    iconTabText: {
      color: theme.colors.baseShade2
    },
    activeIconTabText: {
      color: theme.colors.base
    }
  });
  return {
    styles,
    theme
  };
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map