import { HomesLogListPage } from './HomesLogListPage'

const ACTIONS = [
  '예약-등록',
  '예약-수정',
  '예약-삭제',
  '예약-상태',
]

/** 원본 예약관리 타이틀 잎 아이콘 */
function LeafOutlined({ className }: { className?: string }) {
  return (
    <span className={className} role="img" aria-label="leaf">
      <svg viewBox="0 0 24 24" width="1em" height="1em" fill="currentColor" aria-hidden>
        <path d="M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.10.0.1.1.34.01C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z" />
      </svg>
    </span>
  )
}

export default function BookingLogPage() {
  return (
    <HomesLogListPage
      domain="BOOKING"
      title="예약이력"
      description="예약관리와 관련된 이력을 확인하실 수 있습니다."
      defaultActions={ACTIONS}
      titleIcon={<LeafOutlined className="product-title-icon" />}
    />
  )
}