import { ChevronRight } from 'lucide-react'
import { interactive, cn } from '@/lib'

// 유의사항 및 이용방법 (TODO: 이용가이드 팝업 연동)
export function Guide() {
  return (
    <button
      type="button"
      className={cn(
        'flex w-full bg-white rounded-[28px] py-[20px] pl-[24px] pr-[16px] justify-between items-center text-left',
        interactive,
      )}
    >
      <span className="menu-title text-neutral-80 break-keep">유의사항 및 이용방법</span>
      <ChevronRight size={20} className="text-neutral-70" />
    </button>
  )
}