When you click on the Confirm agreement border, an Alert should appear with the title Please confirm.
Alert should show a message - Are you agree? And two buttons - Sure and No, no, no.
When you click on the first button, a message should appear on the screen - You have agreed to become super developer.
When you click on the second - Alert should just close.

This task is part of the Full-Stack JavaScript Course
If you have any issues with it, you can ask for community help below the post
Feel free to help others if you’ve already solved the task

App.js

import React, { useState } from 'react';
import { StyleSheet, Button, View, Text } from 'react-native';

export default function App() {
  const [show, setShow] = useState(false);
  const handleConfirmAgreement = () => {}
  return (
    <View style={styles.container}>
      <Button
        title="Confirm agreement"
        onPress={() => handleConfirmAgreement()}
      />
      {show && (<Text>You have agreed to become super developer</Text>)}
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

app.json

{
  "expo": {
    "name": "1",
    "slug": "1",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "supportsTablet": true
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#FFFFFF"
      }
    },
    "web": {
      "favicon": "./assets/favicon.png"
    }
  }
}