BoxHelper

<BoxHelper
  items={[
    "The preview and the actual sent email may differ. Please be sure to verify the final email through a test send.",
    "If the expiration period is not set in the password policy, it will be replaced with '00'. Please verify this substitution by conducting a test dispatch.",
  ]}
/>

<BoxHelper typography="p" items={["기본 본문 스타일"]} />
<BoxHelper typography="small" items={["작은 텍스트 스타일"]} />
<BoxHelper typography="muted" items={["뮤트 스타일"]} />
<BoxHelper typography="large" items={["큰 텍스트 스타일"]} />
<BoxHelper typography="lead" items={["리드 텍스트 스타일"]} />
<BoxHelper typography="blockquote" items={["인용 스타일"]} />
<BoxHelper typography="inline-code" items={["인라인 코드 스타일"]} />

<div className="flex flex-col gap-1">
  <Label htmlFor="email">이메일</Label>
  <Input id="email" placeholder="이메일을 입력하세요" />
  <BoxHelper items={["입력 필드 하단에 보조 설명 텍스트를 표시합니다."]} />
</div>
 
<div className="flex flex-col gap-1">
  <Label htmlFor="password">비밀번호</Label>
  <Input id="password" type="password" placeholder="비밀번호를 입력하세요" />
  <BoxHelper
    items={[
      "비밀번호는 8자 이상이어야 합니다.",
      "영문, 숫자, 특수문자를 포함해야 합니다.",
    ]}
  />
</div>

<BoxHelper
  items={[
    "미리보기와 실제 발송되는 이메일은 다를 수 있습니다. 테스트 발송을 통해 최종 이메일을 확인해 주세요.",
    "비밀번호 정책에 만료 기간이 설정되지 않은 경우 '00'으로 대체됩니다. 테스트 발송을 통해 확인해 주세요.",
  ]}
/>

<BoxHelper
  typography="muted"
  items={[
    "입력한 정보는 저장 후 수정할 수 없습니다.",
    "필수 항목을 모두 입력해야 제출이 가능합니다.",
    "첨부파일은 최대 10MB까지 지원합니다.",
  ]}
/>

<BoxHelper
  typography="small"
  items={[
    "API 호출 시 인증 토큰이 필요합니다.",
    "요청 제한: 분당 100회",
    "응답 시간: 평균 200ms 이내",
  ]}
/>