"use client";
import Link from "next/link";
import { useStore } from "@/lib/store";
import { PublicHeader } from "@/components/patient-facing";
import { EduCenter } from "@/components/edu";

export default function PublicTips({ params }: { params: { slug: string } }) {
  const { s } = useStore();
  return (
    <div className="public"><div className="wrap" style={{ maxWidth: 1000 }}>
      <PublicHeader subtitle="Consejos para tu sonrisa y juegos para los más pequeños" />
      <EduCenter />
      <div className="panel spread"><span>¿Toca tu revisión?</span><Link className="btn pri" href={`/c/${params.slug}/citas`}>Agendar cita</Link></div>
      <p className="muted" style={{ fontSize: ".85rem" }}>{s.clinic.name} · {s.clinic.addr}</p>
    </div></div>
  );
}