import { useStyles } from './styles';
import { Dimensions, View } from 'react-native';
import ContentLoader, { Rect } from 'react-content-loader/native';
import { getSkeletonBackgrounColor } from '../../../core/utils/color';
function ImageFeedSkeleton({
  themeStyles
}) {
  const styles = useStyles();
  const {
    backgroundColor,
    foregroundColor
  } = getSkeletonBackgrounColor(themeStyles);
  const screenWidth = Dimensions.get('window').width;
  const padding = 32;
  const gap = 8;
  const availableWidth = screenWidth - padding;
  const itemWidth = (availableWidth - gap) / 2;
  return /*#__PURE__*/React.createElement(View, {
    style: styles.container
  }, Array.from({
    length: 3
  }, (_, index) => /*#__PURE__*/React.createElement(ContentLoader, {
    speed: 1,
    key: index,
    width: availableWidth,
    height: itemWidth,
    backgroundColor: backgroundColor,
    foregroundColor: foregroundColor
  }, /*#__PURE__*/React.createElement(Rect, {
    x: "0",
    y: "0",
    width: itemWidth,
    height: itemWidth,
    rx: "8"
  }), /*#__PURE__*/React.createElement(Rect, {
    x: itemWidth + gap,
    y: "0",
    width: itemWidth,
    height: itemWidth,
    rx: "8"
  }))));
}
export default ImageFeedSkeleton;
//# sourceMappingURL=ImageFeedSkeleton.js.map