text: // NOT IN USE
  import Link from 'next/link'
  import cardStyles from '../styles/Card.module.css'
  
  const dappCards = [
      { title: "Faucet", id: "github-svg", src: "/svg/github.svg", alt: "Github" },
      { title: "Voting", id: "medium-svg", src: "/svg/medium.svg", alt: "Medium" },
      { title: "https://www.linkedin.com/in/zarifpour/", id: "linkedin-svg", src: "/svg/linkedin.svg", alt: "LinkedIn" },
      { title: "mailto:daniel@zarif.pro", id: "mail-svg", src: "/svg/mail.svg", alt: "E-Mail" }
  ];
  
  const Dapps = () => {
      return (
          <div id="card-container" className="flex no-pointer to-fade-in fast-anim" >
              <div id="card" className={cardStyles.card}>
                  <div id="text-container">
                      <p className={cardStyles["card-title"]}>
                          <span>
                              <Link href={link}>
                                  <a>{title}</a>
                              </Link>
                          </span>
                      </p>
                      <p className={cardStyles["card-info"]}>
                          {description}
                      </p>
                      <div id="child-container" style={{ position: "relative" }}>{children}</div>
                  </div>
              </div>
          </div>
      )
  }
  
  Card.defaultProps = {
      title: "Card",
      link: "/",
      description: "This component is a template for displaying information in the form of a card."
  }
  
  export default Card