src/components/tabs/tabs.tsx

function Tabs({ children }: { children?: React.ReactNode }) {
  return (
    <div className="border-b border-gray-800 pl-4 lg:pl-7 pr-3 flex items-center justify-between">
      <div
        className="
      space-x-6"
      >
        <button className="rounded-md text-sm cursor-pointer transition-all duration-100 font-medium relative py-2.5 text-white">
          index.html
          <span className="absolute bottom-0 left-0 h-0.5 w-full transition-all duration-100 bg-white" />
        </button>
      </div>
      <div className="flex items-center justify-end gap-3">
        {children}
      </div>
    </div>
  );
}

export default Tabs;