const { Callout, Icon } = window.MyMailerDesignSystem_77208c || {};

function Restrictions() {
  const rules = [
    "처음소프트는 DB를 수집·제공·보유하지 않습니다. 주소록은 고객이 제공해주셔야 합니다.",
    "사행성(도박·성인·대출) 업종은 발송을 대행하지 않습니다.",
    "수신동의되지 않은 리스트는 발송할 수 없으며, 법적 책임은 요청자 측에 있습니다.",
    "네이버 이메일은 발신자 주소로 사용할 수 없습니다. (네이버 스팸정책)",
    "Gmail 발신 시 성공률을 보장할 수 없습니다. 자체 도메인 사용을 권장합니다."
  ];
  return (
    <Callout tone="danger" title="이런 발송은 대행하지 않습니다">
      <ul style={{listStyle:"none",margin:"8px 0 0",padding:0,display:"grid",gap:10}}>
        {rules.map((r,i)=>(
          <li key={i} style={{display:"flex",gap:9,alignItems:"flex-start"}}>
            <span style={{marginTop:3,color:"var(--danger-600)"}}><Icon name="x" size={13} strokeWidth={2.6}/></span>
            <span>{r}</span>
          </li>
        ))}
      </ul>
    </Callout>
  );
}
Object.assign(window, { Restrictions });