const { StepTimeline, Callout, Button } = window.MyMailerDesignSystem_77208c || {};

function Process() {
  const steps = [
    {title:"신청·상담",duration:"D-day · 당일",customer:"발송 희망일시, 대상 규모, 소재 유무 전달",us:"가능 여부·일정 확인 후 회신"},
    {title:"견적·결제",duration:"D+0~1",customer:"견적 확인 및 결제",us:"견적서 발행"},
    {title:"소재 제작",duration:"D+1~2",customer:"원본 파일 전달",us:"메일용 HTML 변환, 링크·수신거부 처리"},
    {title:"주소록 정제",duration:"D+2",customer:"이메일 리스트 전달",us:"중복·오류 제거, 수신동의 확인, 발송 대상 수 확정"},
    {title:"테스트 컨펌",duration:"D+2~3",customer:"테스트메일 확인 후 승인",us:"지정 주소로 실제 테스트 발송",pivotal:true},
    {title:"예약 발송",duration:"지정일시",us:"지정 일시 발송, 발송 중 모니터링"},
    {title:"결과 리포트",duration:"발송 후 1~2일",us:"발송·도달·오픈·클릭·수신거부 리포트 회신"}
  ];
  return (
    <div style={{display:"grid",gap:36}}>
      <StepTimeline steps={steps} />
      <Callout tone="accent" icon="shield-check"
        title="고객님이 승인 버튼을 누르기 전까지, 단 한 통도 나가지 않습니다."
        action={<Button variant="link" size="sm">테스트 컨펌 절차 자세히 보기</Button>}>
        테스트메일 승인 없이는 실발송이 시작되지 않습니다. 수정은 풀케어 기준 3회까지 포함됩니다.
      </Callout>
      <Callout tone="warning" title="급행(당일) 발송">
        당일 신청 시 스케줄 협의 후 가능합니다. 급행 할증이 적용되며, 소재·주소록이 모두 준비된 경우에 한합니다.
      </Callout>
    </div>
  );
}
Object.assign(window, { Process });