mirror of
https://github.com/System-End/site.git
synced 2026-04-19 22:05:11 +00:00
30 lines
544 B
JavaScript
30 lines
544 B
JavaScript
import { Heading, Card } from 'theme-ui'
|
|
|
|
const Item = ({ project }) => {
|
|
const { name, imageTop, galleryURL } = project
|
|
return (
|
|
<Card
|
|
as="a"
|
|
href={galleryURL}
|
|
sx={{
|
|
cursor: 'pointer',
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
alignItems: 'center'
|
|
}}
|
|
>
|
|
<img src={imageTop} alt={name} />
|
|
<Heading
|
|
as="h2"
|
|
sx={{
|
|
textAlign: 'center',
|
|
mt: 3
|
|
}}
|
|
>
|
|
{name}
|
|
</Heading>
|
|
</Card>
|
|
)
|
|
}
|
|
|
|
export default Item
|