text: import React from 'react';
  
  import { Container, Option, Img, Label } from './styles';
  
  import img1 from '../../images/01.png';
  import img2 from '../../images/02.png';
  import img3 from '../../images/03.png';
  import img4 from '../../images/04.png';
  import img5 from '../../images/05.png';
  import img6 from '../../images/06.png';
  import img7 from '../../images/07.png';
  
  const items = [
    {
      key: String(Math.random()),
      img: img1,
      label: 'Recarga',
    },
    {
      key: String(Math.random()),
      img: img2,
      label: 'Uber',
    },
    {
      key: String(Math.random()),
      img: img3,
      label: 'Ônibus',
    },
    {
      key: String(Math.random()),
      img: img4,
      label: 'TV',
    },
    {
      key: String(Math.random()),
      img: img5,
      label: 'Doações',
    },
    {
      key: String(Math.random()),
      img: img6,
      label: 'Barras',
    },
    {
      key: String(Math.random()),
      img: img7,
      label: 'FAQ',
    },
  ];
  
  export default function Suggestions() {
    return (
      <Container>
        {items.map((item) => (
          <Option key={item.key}>
            <Img source={item.img} resizeMode="contain" />
            <Label>{item.label}</Label>
          </Option>
        ))}
      </Container>
    );
  }
  