import { Betslip } from "@/components/betting/betslip"
import { ReloadTicket } from "@/components/betting/reload-ticket"
import { CheckYourBet } from "@/components/betting/check-your-bet"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"

export function RightPanel() {
  return (
    <aside className="flex w-full flex-col gap-3 border-t bg-sidebar px-3 py-3 lg:h-full lg:w-72 lg:shrink-0 lg:border-l lg:border-t-0 lg:pl-4">
      <Betslip />
      <Card>
        <CardHeader>
          <CardTitle className="text-sm">Settings</CardTitle>
        </CardHeader>
        <CardContent className="text-xs text-muted-foreground">
          Decimal odds (more settings coming soon)
        </CardContent>
      </Card>
      <ReloadTicket />
      <CheckYourBet />
    </aside>
  );
}