import React from 'react';

const videos = [
  { id: 'dQw4w9WgXcQ', title: 'Rick Astley - Never Gonna Give You Up' },
  { id: '3JZ_D3ELwOQ', title: 'Maroon 5 - Sugar' },
];

export default function VideoLinks() {
  return (
    <div>
      <h2>คลิป YouTube</h2>
      <ul>
        {videos.map(video => (
          <li key={video.id}>
            <a
              href={`https://www.youtube.com/watch?v=${video.id}`}
              target="_blank"
              rel="noopener noreferrer"
              style={{ color: 'blue', textDecoration: 'underline' }}
            >
              {video.title}
            </a>
          </li>
        ))}
      </ul>
    </div>
  );
}