import * as React from "react";
import { Sidebar } from "./sidebar";
import { Topbar, type Crumb } from "./topbar";

export interface ShellProps {
  crumbs?: Crumb[];
  actions?: React.ReactNode;
  children: React.ReactNode;
}

export function Shell({ crumbs, actions, children }: ShellProps) {
  return (
    <div className="flex min-h-screen bg-background">
      <Sidebar />
      <div className="flex min-w-0 flex-1 flex-col">
        <Topbar crumbs={crumbs} actions={actions} />
        <main className="flex-1 px-6 py-6 animate-fade-in">{children}</main>
      </div>
    </div>
  );
}