// Metro module 14623 (f14624).
import { View } from "react-native";
import Module712 from "../../../_bundle/Module712";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import { CollectiblesAnalyticsProvider } from "../CollectiblesAnalyticsContext";
import FeaturedCategorySubblock from "./FeaturedCategorySubblock";
import useAnalyticsLocations, { AnalyticsLocationProvider } from "../../app_analytics/useAnalyticsLocations";
import AnalyticsLocation from "../../app_analytics/AnalyticsLocation";
let useStyles;
const Subblocks = function Subblocks({ featuredBlock, style }) {
  return featuredBlock.subblocks.map((a0, index) => <CollectiblesAnalyticsProvider key={index} newValue={{
    tilePosition: index
  }}>
    <View style={style}>
      <FeaturedCategorySubblock subblock={a0} />
    </View>
  </CollectiblesAnalyticsProvider>);
};
useStyles = createStyles({
  container: {
    display: "flex",
    width: "100%",
    flexDirection: "row",
    flexWrap: "wrap",
    gap: Module712.space.PX_12,
    paddingHorizontal: Module712.space.PX_16
  },
  featuredSubblock: {
    flex: 1,
    flexBasis: 400,
    maxWidth: "100%"
  }
});
export default function FeaturedBlock(props) {
  const featuredBlock = props.featuredBlock;
  const styles = useStyles();
  return <AnalyticsLocationProvider value={useAnalyticsLocations(AnalyticsLocation.COLLECTIBLES_SHOP_FEATURED_BLOCK).analyticsLocations}>
    <View style={styles.container}>
      <Subblocks featuredBlock={featuredBlock} style={styles.featuredSubblock} />
    </View>
  </AnalyticsLocationProvider>;
};