import React, $\{$ useState $\}$ from 'react';

import $\{$ View, Text, StyleSheet, Button $\}$ from 'react$-$native';

import $\{$ Picker $\}$ from $\text{'}$@react$-$native$-$picker$/$picker$\text{'}$;

export default function Category$1()\{$

const $[$selectedFruit$,$ setSelectedFruit$]=$ useState$(\text{'}$select$\text{'})$;

const $[$selectedQuantity$,$ setSelectedQuantity$]=$ useState$(\text{'}0\text{'})$;

const $[$totalPrice$,$ setTotalPrice$]=$ useState$(0)$;

const fruitPrices $=\{$

apple: $12,$

banana: $23,$

orange: $13,$

grapes: $34,$

mango: $15,$

$\}$;

const vegetablePrices $=\{$

potato: $5,$

carrot: $8,$

tomato: $5,$

cucumber: $7,$

spinach: $8,$

$\}$;

const addToBasket $=()=>\{$

const price $=$ fruitPrices$[$selectedFruit$]||$ vegetablePrices$[$selectedFruit$]$;

const subtotal $=$ price $*$ parseInt$($selectedQuantity$)$;

const newTotalPrice $=$ totalPrice $+$ subtotal;

setTotalPrice$($newTotalPrice$)$;

console.log$(`$Adding $$\{$selectedQuantity$\}$ $$\{$selectedFruit$\}($s$)$ to the basket. Total cost: $$$\{$newTotalPrice$\}`)$;

$\}$;

return $($

Vegetables

setSelectedFruit$($itemValue$)\}$

style$=\{$styles$.$picker$\}$

$>$

Fruits

setSelectedFruit$($itemValue$)\}$

style$=\{$styles$.$picker$\}$

$>$

Quantity

setSelectedQuantity$($itemValue$)\}$

style$=\{$styles$.$picker$\}$

$>$

$\{[...$Array$(5).$keys$()].$map$(($i$)=>($

$))\}$

Total Cost of Order: $$\{$totalPrice$.$toFixed$(2)\}$

App developed by Bob, Bobb, and Bobbi

$)$;

$\}$

const styles $=$ StyleSheet.create$(\{$

container: $\{$

alignItems: 'center',

justifyContent: 'center',

padding: $20,$

backgroundColor: $\text{'}$#ecf$0$f$1\text{'},$

borderColor: $\text{'}$#ecf$0$f$1\text{'},$

$\},$

title: $\{$

fontSize: $20,$

fontWeight: 'bold',

textAlign: 'center',

paddingVertical: $10,$

$\},$

picker: $\{$

width: $\text{'}100\%\text{'},$

height: $50,$

borderColor: $\text{'}$#ccc$\text{'},$

borderWidth: $1,$

marginVertical: $10,$

$\},$

totalPrice: $\{$

fontSize: $20,$

fontWeight: 'bold',

textAlign: 'center',

paddingVertical: $10,$

$\},$

footer: $\{$

fontSize: $12,$

textAlign: 'center',

marginTop: $20,$

$\},$

$\})$;

Q: What part of this code needs to be fixed so that 'App developed by Bob, Bobb, Bobby' is at the footer as a label, underneath the calculate button on snack expo on a snack?