"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({
    container: {
      backgroundColor: theme.colors.background,
      flexDirection: 'row'
    },
    title: {
      fontSize: 17,
      fontWeight: '600',
      margin: 1,
      color: theme.colors.base
    },
    scrollView: {
      justifyContent: 'space-between'
    },
    itemContainer: {
      alignItems: 'center',
      marginLeft: 16,
      width: 68
    },
    avatar: {
      width: 56,
      height: 56,
      borderRadius: 56,
      margin: 4
    },
    itemText: {
      fontSize: 13,
      fontWeight: '400',
      color: theme.colors.base
    },
    textRow: {
      marginTop: 6,
      flexDirection: 'row',
      alignItems: 'center'
    },
    titleContainer: {
      flexDirection: 'row',
      justifyContent: 'space-between'
    },
    arrowIcon: {
      marginRight: 16,
      display: 'flex'
    },
    seeAllBtn: {
      marginRight: 16
    },
    seeAllIcon: {
      width: 40,
      height: 40,
      borderRadius: 25,
      backgroundColor: '#ededed',
      alignItems: 'center',
      justifyContent: 'center'
    },
    seeAllText: {
      fontSize: 13,
      marginTop: 6
    },
    storyRing: {
      position: 'absolute'
    },
    officialIcon: {
      position: 'absolute',
      left: 45,
      top: 42
    }
  });
  return styles;
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map