Status & Indicator.

<BottomInfo type="info" message="감정서가 필요한 작품입니다" />

<BottomInfo type="info" message="인증 완료된 작품입니다" />

<BottomInfo type="warning" message="결제 기한이 24시간 남았습니다" />
<BottomInfo type="error" message="결제에 실패하였습니다. 다시 시도해 주세요" />

<Bubble direction="bottom" message="여기를 눌러 작품을 등록하세요" />

<Bubble direction="top" message="위쪽 대상을 가리킵니다" />
<Bubble direction="bottom" message="아래쪽 대상을 가리킵니다" />

<Bubble direction="left" message="좌측 안내" />
<Bubble direction="right" message="우측 안내" />

<ProgressBar value={65} />
<ProgressBar value={40} showLabel />
<ProgressBar value={100} max={100} color="success" />

<ProgressBar value={50} size="sm" />
<ProgressBar value={50} size="md" />
<ProgressBar value={50} size="lg" />
<ProgressBar value={70} color="primary" />
<ProgressBar value={70} color="success" />
<ProgressBar value={70} color="warning" />
<ProgressBar value={70} color="error" />

<Result
  status="success"
  title="작품이 성공적으로 등록되었습니다"
  description="등록된 작품은 관리자 검토 후 24시간 내에 플랫폼에 공개됩니다."
  primaryAction={{ label: '작품 확인', onClick: handleView }}
  secondaryAction={{ label: '홈으로', onClick: handleHome }}
/>

<Result status="success" title="성공" description="작업이 완료되었습니다" />
<Result status="error" title="실패" description="작업을 완료할 수 없습니다" />
<Result status="warning" title="경고" description="주의가 필요합니다" />
<Result status="info" title="정보" description="참고 정보입니다" />

<Skeleton variant="text" />
<Skeleton variant="circle" width={40} height={40} />
<Skeleton variant="rect" width="100%" height={120} borderRadius={0} />

<!-- 리스트 아이템 -->
<div style={{ display: 'flex', gap: 12 }}>
  <Skeleton variant="circle" width={44} height={44} />
  <div>
    <Skeleton variant="text" width="70%" />
    <Skeleton variant="text" width="45%" />
  </div>
</div>

<!-- 카드 -->
<Skeleton variant="rect" width="100%" height={100} />
<Skeleton variant="text" width="80%" />
<Skeleton variant="text" width="50%" />

<!-- 정적 (애니메이션 없음) -->
<Skeleton variant="circle" width={44} height={44} animated={false} />

<Tooltip content="작품 상세 정보 보기" placement="top">
  <IconButton icon="info" />
</Tooltip>