26 lines
687 B
TypeScript
26 lines
687 B
TypeScript
import React, { useState, useRef } from "react";
|
|
|
|
export default function Top() {
|
|
const avatarRef = useRef<HTMLImageElement | null>(null); // Ref 타입 변경
|
|
|
|
return (
|
|
<div
|
|
id="top"
|
|
className="w-auto text-center flex items-center justify-center flex-col gap-4"
|
|
>
|
|
<img
|
|
src="https://f.imnya.ng/profile/34b47ba35448cc74a659bcec443c3fbc.webp"
|
|
alt="imnyang"
|
|
width={200}
|
|
height={200}
|
|
id="avatar"
|
|
ref={avatarRef}
|
|
className="rounded-full"
|
|
/>
|
|
<div>
|
|
<h1 className="text-2xl font-bold">암냥</h1>
|
|
<p className="text-sm text-neutral-400">@imnyang</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|