All right.
ANNOUNCER up the structure for our bottom container, so there's going to be a button and exit button.
Both of them will have tiny icons.
And also for every page that we have will display a button.
And yes, of course, this will be dynamic.
So if we have seven pages, then we'll display seven buttons.
If we have to, then we'll display do.
And the setup is going to look something like this where we'll look for use app context because we want
to grab number of pages as well as the page because we'll display which one is the active page.
Also get the icons from React icons and then more specifically, a library.
Also, there is going to be a styling, so look for wrapper on my page button the container.
When we want to set up Prerna next page for time being, she's going to be a console.log so functional
later.
And then when it comes to return, is going to be one button.
The preview one first and then we'll have our button container, which at the moment will just have
buttons, text inside of it and then we'll set up the second button not is going to be the next one.
So let's start working on that.
I guess first we grab all the imports just so we can speed this up a little bit.
So page button container.
We grab all of them over here.
On.
Let's start by grabbing number of pages and page, and eventually there's going to be one more function
in the app context that will pass in as well.
But for the time being, let's just grab number of pages comma page and that is coming from huge app
in that context.
Let's say that one.
Now let's set up the placeholders for PREVE and next.
So let's go here with Gonzales and next page for time being largest console log and just say log and
we'll go next page.
So copy and paste this one.
And let's just add here preve.
So it's a reprieve now it comes to return, let's use the wrapper and then let's set up the button,
contain our gas first and then before and after we'll set up those buttons.
So there's going to be a Class B, the container side of it, let's just say buttons.
And then above it, let's set up the button with the class of pre one class, and it will be equal to
a preve hyphen between that on click.
Let's go with that preve and page.
That's the place, although we have a mining side of it.
Let's go first with our icon.
So in this case, I'm looking for double left.
So this one over here, let's close that one, and then let's say preve, I think I'm just going to
copy and paste just to make it faster.
So copy and paste, this one will be equal to a next one.
And we're looking for the right over here, and I need to make sure that I spell that correctly.
And then as far as the functionality will be equal to the next page.
So now let's navigate to the browser, and what we should see here is preve.
And next on us, and it looks like a doozy here.
So let's go here with next.
Now I also need to move this next text a little bit up just so I have the icon right after the next.
And with this in place now, we want to set up the buttons so the buttons that represent each and every
page.