"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: {
      width: 80,
      height: 80,
      borderRadius: 4
    },
    placeholder: {
      backgroundColor: theme.colors.secondaryShade3,
      width: '100%',
      height: '100%',
      borderRadius: 4,
      justifyContent: 'center',
      alignItems: 'center'
    },
    image: {
      position: 'absolute',
      top: 0,
      left: 0,
      width: '100%',
      height: '100%',
      overflow: 'hidden',
      borderRadius: 4
    },
    label: {
      position: 'absolute',
      bottom: 6,
      left: 8,
      color: 'white'
    },
    gradientLayer: {
      position: 'absolute',
      width: '100%',
      height: '100%',
      borderRadius: 4
    }
  });
  return styles;
};
exports.useStyles = useStyles;
//# sourceMappingURL=styles.js.map