mirror of
https://github.com/MAGICGrants/campaign-site.git
synced 2026-01-09 20:38:02 -05:00
26 lines
592 B
TypeScript
26 lines
592 B
TypeScript
import Image from 'next/image'
|
|
|
|
export type CreditItemProps = {
|
|
link: string
|
|
image: string
|
|
nym: string
|
|
}
|
|
const CreditItem: React.FC<CreditItemProps> = ({ image, nym, link }) => {
|
|
return (
|
|
<a href={link} target="_blank" rel="noreferrer">
|
|
<div className="p-4 flex flex-col items-center gap-2">
|
|
<Image
|
|
width={192}
|
|
height={192}
|
|
src={image}
|
|
alt={nym}
|
|
className="border border-white rounded"
|
|
/>
|
|
<h3 className="text-white font-mono text-xl">{nym}</h3>
|
|
</div>
|
|
</a>
|
|
)
|
|
}
|
|
|
|
export default CreditItem
|