react-native-awesome-medialib/lib/commonjs/components/basic/MediaLibraryAlbumItem.js

A useful media selector module base on native component

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.albumItemStyle = exports.MediaLibraryAlbumItem = void 0;

var _react = _interopRequireDefault(require("react"));

var _reactNative = require("react-native");

var _Colors = require("../../utils/Colors");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const MediaLibraryAlbumItem = props => {
  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
    activeOpacity: 1,
    onPress: () => props.onItemPress()
  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: albumItemStyle.container
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
    source: {
      uri: props.albumCover
    },
    style: albumItemStyle.cover
  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: albumItemStyle.textContainer
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
    style: albumItemStyle.name
  }, props.albumName), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
    style: albumItemStyle.count
  }, props.albumCount))));
};

exports.MediaLibraryAlbumItem = MediaLibraryAlbumItem;

const albumItemStyle = _reactNative.StyleSheet.create({
  container: {
    flex: 1,
    height: 112,
    backgroundColor: _Colors.black1A,
    flexDirection: 'row',
    alignItems: 'center'
  },
  cover: {
    marginLeft: 16,
    width: 80,
    height: 80
  },
  textContainer: {
    flexDirection: 'column',
    marginLeft: 16
  },
  name: {
    fontSize: 16,
    fontWeight: '600',
    color: _Colors.white
  },
  count: {
    fontSize: 12,
    fontWeight: '400',
    color: _Colors.grayB2,
    marginTop: 4
  }
});

exports.albumItemStyle = albumItemStyle;
//# sourceMappingURL=MediaLibraryAlbumItem.js.map