import React from 'react'
import { Link } from '@inertiajs/inertia-react'
import { Card, Grid, Text } from "@nextui-org/react";

const SingleNft = ({slug, logo, title}) => {
  return (
    <Grid xs={6} sm={3} >
        <Link href={route('nft', slug)} style={{ width: '100%' }} >
          <Card isPressable isHoverable >
              <Card.Body css={{ p: 0 }}>
                  <Card.Image
                  src={logo}
                  objectFit="fill"
                  width="100%"
                  height={300}
                  alt={title}
                  />
              </Card.Body>
              <Card.Footer css={{ textAlign: "center", justifyContent: "center" }}>
                  <Text b>{title}</Text>
              </Card.Footer>
          </Card>
        </Link>
    </Grid>

  )
}

export default SingleNft