import { View, useWindowDimensions } from 'react-native';
import { useStyles } from './styles';
import ContentLoader, { Circle, Facebook, Rect } from 'react-content-loader/native';
import { Divider } from 'react-native-paper';
import { useTheme } from 'react-native-paper';
const NewsFeedLoadingComponent = () => {
  const styles = useStyles();
  const theme = useTheme();
  const {
    width
  } = useWindowDimensions();
  return /*#__PURE__*/React.createElement(View, {
    style: styles.container
  }, /*#__PURE__*/React.createElement(View, {
    style: styles.storiesContainer
  }, Array.from({
    length: 6
  }, (_, i) => /*#__PURE__*/React.createElement(ContentLoader, {
    key: i,
    height: 70,
    speed: 1,
    width: 70,
    backgroundColor: theme.colors.baseShade4,
    foregroundColor: theme.colors.baseShade2,
    viewBox: "0 0 70 70"
  }, /*#__PURE__*/React.createElement(Circle, {
    cx: "25",
    cy: "25",
    r: "25"
  }), /*#__PURE__*/React.createElement(Rect, {
    x: "0",
    y: "60",
    rx: "4",
    ry: "4",
    width: 50,
    height: 8
  })))), /*#__PURE__*/React.createElement(ContentLoader, {
    height: 70,
    speed: 1,
    width: width,
    backgroundColor: theme.colors.baseShade4,
    foregroundColor: theme.colors.baseShade2,
    viewBox: `0 0 ${width} 70`
  }, /*#__PURE__*/React.createElement(Rect, {
    x: "0",
    y: "34",
    rx: "4",
    ry: "4",
    width: "300",
    height: "13"
  })), Array.from({
    length: 5
  }, (_, i) => /*#__PURE__*/React.createElement(View, {
    key: i
  }, /*#__PURE__*/React.createElement(Facebook, {
    width: width,
    backgroundColor: theme.colors.baseShade4,
    foregroundColor: theme.colors.baseShade2,
    speed: 0.5
  }), /*#__PURE__*/React.createElement(Divider, {
    style: {
      backgroundColor: theme.colors.baseShade2
    }
  }))));
};
export default NewsFeedLoadingComponent;
//# sourceMappingURL=NewsFeedLoadingComponent.js.map