// Metro module 14611 (f14612).
import { View } from "react-native";
import { CollectiblesMobileShopScreen } from "../CollectiblesShopConstants";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import { EmptyState } from "../../../design/void/native";
import { NoResults } from "../../../design/components/Illustration/native/redesign/generated/NoResults";
import { intl, t } from "../../../intl/index.native";
import ShopBlockItem from "./ShopBlockItem";
const useStyles = createStyles({
  container: {
    flex: 1,
    justifyContent: "center",
    alignItems: "center"
  }
});
export default ({ shopBlock, fetchShopHomeError, framesBannerBlock }) => {
  const styles = useStyles();
  return fetchShopHomeError === null && shopBlock !== void 0 ? <ShopBlockItem block={shopBlock} screen={CollectiblesMobileShopScreen.FEATURED_PAGE} framesBannerBlock={framesBannerBlock} /> : <View style={styles.container}>
    <EmptyState style={{
      marginTop: 42
    }} Illustration={NoResults} body={intl.string(t.eAn6z2)} />
  </View>;
};