import React from "react";

const Carousel = () => {
  return (
    <div className="max-w-5xl mx-auto p-4">
      <div className="flex justify-between items-center mb-4">
        <h2 className="text-xl font-bold bg-[#bb3523] px-4 py-1 rounded-full text-white">
          <span className="text-black">Konten</span> Terbaru
        </h2>
        <div className="flex space-x-4">
          <button className="text-sm font-medium">Audio Visual</button>
          <button className="text-sm font-medium">Audio</button>
          <button className="text-sm font-medium">Foto</button>
          <button className="text-sm font-medium">Teks</button>
        </div>
      </div>
    </div>
  );
};

export default Carousel;