import React from 'react';
import './VideoTab.css';

export default function VideoTab() {
  return (
    <div className="video-tab">
      <svg
        className="video-tab__icon"
        width="48"
        height="48"
        viewBox="0 0 48 48"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        aria-hidden="true"
      >
        <rect
          x="4"
          y="10"
          width="30"
          height="28"
          rx="4"
          stroke="currentColor"
          strokeWidth="2"
        />
        <path
          d="M34 18l10-6v24l-10-6V18z"
          stroke="currentColor"
          strokeWidth="2"
          strokeLinejoin="round"
        />
        <circle cx="19" cy="24" r="6" stroke="currentColor" strokeWidth="2" />
        <path
          d="M17 24l4-2.5v5L17 24z"
          fill="currentColor"
        />
      </svg>

      <h2 className="video-tab__title">영상 기능 준비 중</h2>
      <p className="video-tab__desc">
        여행 영상을 감상할 수 있는 기능이 곧 추가됩니다.
      </p>
    </div>
  );
}
