"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useStyles = void 0;
var _reactNative = require("react-native");
var _reactNativePaper = require("react-native-paper");
const GAP = 8;
const NUM_COLUMNS = 2;
const dimension = _reactNative.Dimensions.get('window');
const CELL_SIZE = (dimension.width - 16 * 2 - GAP * (NUM_COLUMNS - 1)) / NUM_COLUMNS;
const useStyles = () => {
  const theme = (0, _reactNativePaper.useTheme)();
  const styles = _reactNative.StyleSheet.create({
    container: {
      flex: 1,
      padding: 16
    },
    columnWrapper: {
      gap: GAP,
      flexDirection: 'row'
    },
    rowSeparator: {
      height: GAP
    },
    cell: {
      width: CELL_SIZE,
      height: CELL_SIZE,
      position: 'relative'
    },
    cellImage: {
      width: '100%',
      height: '100%',
      borderRadius: 8,
      objectFit: 'cover'
    },
    timestampContainer: {
      left: 8,
      bottom: 8,
      borderRadius: 4,
      paddingVertical: 1,
      paddingHorizontal: 4,
      position: 'absolute',
      backgroundColor: theme.colors.transparentBlack
    },
    timestamp: {
      color: theme.colors.background
    }
  });
  return {
    styles
  };
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map