Tooltip

// 기본 — content prop
<Tooltip
  content="짧은 도움말 텍스트입니다."
  triggerContent={<Button className="tooltip_trigger" variant="outline" label="마우스 오버" />}
/>

// children
<Tooltip triggerContent={<Button className="tooltip_trigger" variant="outline" label="슬롯 예시" />}>
  짧은 도움말 텍스트입니다.
</Tooltip>

// 클릭 트리거 — tooltip_close 기본 제공
<Tooltip
  trigger="click"
  content="클릭으로 열고 닫는 Tooltip입니다."
  triggerContent={<Button className="tooltip_trigger" variant="outline" label="클릭하여 보기" />}
/>

// 비활성 버튼 래핑
<Tooltip
  content="필수 항목을 모두 입력해야 제출할 수 있습니다."
  triggerContent={
    <span tabIndex={0}>
      <Button variant="filled" color="primary" label="제출 불가" disabled />
    </span>
  }
/>

// 배치 · 스킨 · 간격
<Tooltip
  placement="top"
  inverse
  offset="lg"
  content="어두운 배경의 말풍선입니다."
  triggerContent={<Button className="tooltip_trigger" variant="ghost" label="역색 Tooltip" />}
/>

// 간격 — 방향별
<Tooltip
  placement="right"
  offsetRight="lg"
  content="트리거 오른쪽 배치 시 offsetRight가 적용됩니다."
  triggerContent={<Button className="tooltip_trigger" variant="outline" label="offset-right" />}
/>

// 혼합 — 말풍선 가운데 · 화살표 오른쪽
<Tooltip
  arrowAnchor="mixed"
  panelAlign="center"
  arrowTargetAlign="right"
  open
  content="말풍선은 가운데, 화살표는 트리거 오른쪽입니다."
  triggerContent={<Button className="tooltip_trigger" variant="outline" size="sm" label="S" />}
/>