"use client";

import { Breadcrumbs } from "@/components/layout/breadcrumbs";
import { BinaryConverterExplorer } from "@/components/explorers/binary-converter-explorer";

export default function BinaryPage() {
  return (
    <div className="space-y-8">
      <Breadcrumbs
        items={[
          { label: "Lessons", href: "/lessons" },
          { label: "Unit 6: Number System", href: "/lessons/unit-6-number-system" },
          { label: "Binary" },
        ]}
      />

      <div>
        <h1 className="text-3xl font-bold tracking-tight">Binary &rarr; Decimal Converter</h1>
        <p className="mt-2 text-muted">Same shape, different base &mdash; explore place value in powers of 2.</p>
      </div>

      <BinaryConverterExplorer />
    </div>
  );
}