"use client";

import { Text } from "@mantine/core";
import Link from "next/link";
import { DashboardPage } from "@/components/dashboard/DashboardPage";
import { PageHeader } from "@/components/dashboard/PageHeader";
import { GlassCard } from "@/components/ui/GlassCard";
import { colors } from "@/styles/tokens";

export default function CriacaoAppFuncionalidadesPage() {
  return (
    <DashboardPage title="Funcionalidades">
      <PageHeader
        title="Funcionalidades por plano"
        description="Gerencie o checklist de cada plano de criação do app."
      />
      <GlassCard p="lg">
        <Text style={{ color: colors.grayMedium, lineHeight: 1.65 }}>
          As funcionalidades são editadas em cada plano em{" "}
          <Link href="/dashboard/criacao-app/planos" style={{ color: colors.primary }}>
            Planos Criação App
          </Link>
          . Abra um plano para adicionar, remover ou destacar itens do comparativo.
        </Text>
      </GlassCard>
    </DashboardPage>
  );
}