// Metro module 14772 (f14773).
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import { NAV_BAR_HEIGHT, STATUS_BAR_HEIGHT } from "../../../design/components/Navigator/native/NavigatorConstants.native";
import Module712 from "../../../_bundle/Module712";
const r17 = {
  useScreenStyles: createStyles((a0) => ({
    contentContainer: {
      marginTop: a0 ? NAV_BAR_HEIGHT : NAV_BAR_HEIGHT - STATUS_BAR_HEIGHT,
      marginLeft: a0 ? Module712.space.PX_24 : Module712.space.PX_16,
      marginRight: a0 ? Module712.space.PX_24 : Module712.space.PX_16,
      paddingBottom: a0 ? Module712.space.PX_24 : Module712.space.PX_16,
      flex: 1,
      flexDirection: "column",
      justifyContent: "space-between",
      alignItems: "stretch"
    },
    mfaContainerHeader: {
      flexDirection: "column",
      alignItems: "center",
      paddingBottom: Module712.space.PX_24
    },
    mfaContainerHeaderText: {
      marginHorizontal: a0 ? 0 : Module712.space.PX_32,
      marginTop: a0 ? 0 : Module712.space.PX_12,
      textAlign: "center"
    },
    inputContainer: {
      flexDirection: "column",
      alignSelf: "stretch"
    },
    smsContainer: {
      flexDirection: "column",
      alignSelf: "stretch"
    },
    smsInput: {
      flexDirection: "row",
      alignSelf: "stretch"
    },
    radioItem: {
      backgroundColor: Module712.colors.BACKGROUND_SURFACE_HIGH,
      borderRadius: Module712.radii.md
    },
    submit: {
      paddingTop: Module712.space.PX_24
    }
  }))
};
export default r17;