import { Card } from "@repo/shadcn-ui/components";
import { cn } from "@repo/shadcn-ui/lib/utils";

import type { RightPanelProps } from "./right-panel-types.ts";

export const RightPanel = ({
  open,
  className,
  children,
  ...props
}: RightPanelProps) => {
  if (!open) {
    return null;
  }

  return (
    <Card className={cn("flex h-full min-w-0 flex-col overflow-hidden", className)} {...props}>
      {children}
    </Card>
  );
};