"use client";
import Link from "next/link";
import { useStore } from "@/lib/store";
import { PageHead, useUI } from "@/components/ui";
import { EduCenter } from "@/components/edu";

export default function ConsejosPage() {
  const { s } = useStore();
  const { toast } = useUI();
  return (
    <>
      <PageHead eyebrow="Consejos y juegos · para tus pacientes" title={`Sonrisas sanas en ${s.clinic.name}`}
        sub={<>Página pública con la imagen del consultorio, en <span className="mono">consejos.{s.clinic.slug}.mx</span>. Se comparte por WhatsApp, desde el formulario de citas o en una tableta de la sala de espera.</>}>
        <Link className="btn" href={`/c/${s.clinic.slug}/consejos`} target="_blank">Ver página pública</Link>
        <button className="btn pri" onClick={() => toast("Enviado por WhatsApp (simulado)")}>Compartir por WhatsApp</button>
      </PageHead>
      <EduCenter />
    </>
  );
}