import { interactive, cn } from '@/lib'

// 헬프데스크 (TODO: 이용가이드 팝업 연동, 연락처는 추후 설정값으로 교체)
export function Contact() {
  return (
    <div className="flex flex-col w-full pl-[24px] pb-[24px]">
      <div className="flex flex-col w-full gap-2">
        <div className="title-5 text-neutral-80">헬프 데스크</div>
        <button
          type="button"
          className={cn('body-5 text-neutral-80 bg-neutral-40 rounded-[8px] px-[12px] py-[6px] w-fit', interactive)}
        >
          이용 가이드
        </button>
        <div className="flex flex-col gap-1">
          <div className="body-5 text-neutral-60">-</div>
          <div className="body-5 text-neutral-60">-</div>
        </div>
      </div>
    </div>
  )
}