import { Panel } from '@/ui/Panel';
import { Icon } from '@/ui/Icon';
import { LucideIcon } from 'lucide-react';
import React from 'react';

interface RaceSidebarPanelProps {
  title: string;
  icon?: LucideIcon;
  children: React.ReactNode;
}

export function RaceSidebarPanel({
  title,
  icon,
  children
}: RaceSidebarPanelProps) {
  return (
    <Panel 
      title={title}
      variant="dark"
      padding={4}
    >
      {children}
    </Panel>
  );
}
