import React from 'react';
import { TabMenu } from 'primereact/tabmenu';

export default function MenuTab({ items, activeIndex, onTabChange }) {
  return (
    <div className="w-[100%]">
      <TabMenu
        className="w-full bg-transparent border-none"
        model={items}
        activeIndex={activeIndex}
        onTabChange={e => onTabChange(e.index)}
        pt={{
          tabmenu: {
            menu: ({ context }) => ({
              className: 'bg-transparent border-none',
            }),
            action: ({ context }) => ({
              className: 'bg-transparent border-none',
            }),
          },
        }}
      />
    </div>
  );
}