43 lines
1.4 KiB
JavaScript
Raw Normal View History

2025-04-02 17:47:30 -05:00
import React from 'react';
2024-03-13 17:45:55 -05:00
import { TabMenu } from 'primereact/tabmenu';
import GenericButton from '@/components/buttons/GenericButton';
2024-03-13 17:45:55 -05:00
export default function MenuTab({ items, activeIndex, onTabChange, sidebarVisible, onToggleSidebar, isMobileView = false }) {
2025-04-02 17:47:30 -05:00
return (
<div className="w-[100%] relative">
2025-04-02 17:47:30 -05:00
<TabMenu
className="w-full"
2025-04-02 17:47:30 -05:00
model={items}
activeIndex={activeIndex}
onTabChange={e => onTabChange(e.index)}
pt={{
menu: { className: 'bg-transparent border-none my-2 py-1' },
action: ({ context, parent }) => ({
className:
'cursor-pointer select-none flex items-center relative no-underline overflow-hidden p-4 font-bold rounded-t-lg',
style: { top: '2px' },
})
2025-04-02 17:47:30 -05:00
}}
/>
{/* Sidebar toggle button positioned at the far right - hidden on mobile */}
{!isMobileView && (
<div className="absolute right-2 top-0 flex items-center h-full">
<GenericButton
icon={sidebarVisible
? "pi pi-times"
: "pi pi-chevron-left"}
onClick={onToggleSidebar}
outlined={true}
2025-04-13 21:06:52 -05:00
rounded={true}
size="small"
tooltip={sidebarVisible ? "Hide lessons" : "Show lessons"}
tooltipOptions={{ position: 'bottom' }}
aria-label="Toggle course lessons"
/>
</div>
)}
2025-04-02 17:47:30 -05:00
</div>
);
2024-03-13 17:45:55 -05:00
}