// Metro module 14092 (f14093).
import { useCallback } from "react";
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import ActionSheetActionCreators from "../../action_sheet/native/ActionSheetActionCreators";
import { PROMO_SHEET_KEY } from "./openBountiesNuxPromoSheet";
import { PromoSheet } from "../../../design/components/Sheet/native/PromoSheet.native";
import { intl, t } from "../../../intl/index.native";
import { BountiesPosterSpotIllustration } from "../../../design/components/mana-assets/native/generated/BountiesPosterSpotIllustration.native";
import { Button } from "../../../design/components/Button/native/Button.native";
const useStyles = createStyles({
  illustrationContainer: {
    paddingTop: Module712.space.PX_12
  }
});
export default function BountiesNuxPromoSheet() {
  const styles = useStyles();
  const callback = useCallback(() => {
    ActionSheetActionCreators.hideActionSheet(PROMO_SHEET_KEY);
  }, []);
  return <PromoSheet gradientColor="purple" title={intl.string(t.DDpHZG)} description={intl.string(t["LY+igv"])} illustration={<View style={styles.illustrationContainer}>
    <BountiesPosterSpotIllustration width={273} height={205} />
  </View>} actions={<Button grow size="lg" variant="primary" text={intl.string(t.cpT0Cq)} onPress={callback} />} />;
};