'use client';

import type { ReactNode } from 'react';
import { usePlatformSidebar } from '@/contexts/platform-sidebar-context';

export function ShellMain({ children }: { children: ReactNode }) {
  const { isExpanded, isHovered } = usePlatformSidebar();
  const wide = isExpanded || isHovered;
  return (
    <div
      className={`flex min-h-screen flex-1 flex-col transition-all duration-300 ease-out ${
        wide ? 'lg:ml-[280px]' : 'lg:ml-[88px]'
      }`}
    >
      {children}
    </div>
  );
}