"use client";

import { Breadcrumbs } from "@/components/layout/breadcrumbs";
import { FractionQuantityExplorer } from "@/components/explorers/fraction-quantity-explorer";

export default function WholeFromFractionsPage() {
  return (
    <div className="space-y-8">
      <Breadcrumbs
        items={[
          { label: "Lessons", href: "/lessons" },
          { label: "Unit 1: Fractions", href: "/lessons/unit-1-fractions" },
          { label: "Find the Whole" },
        ]}
      />

      <h1 className="text-3xl font-bold tracking-tight">Calculate the Whole from Fractions</h1>

      <FractionQuantityExplorer />
    </div>
  );
}
