"use client";
import Link from "next/link";
import { CreditCard, Mail, MapPin, Phone, ShieldCheck } from "lucide-react";
import type { Destino } from "@/lib/navegacao-da-loja";
import type { VendorCategoria, VendorContato } from "./VendorShell";
/*
O rodapé que a loja montou no editor, no template Vendor.
O mesmo desenho do rodapé de sempre do Vendor (cores, container, títulos
em caixa alta, o bloco "Compra 100% segura" e a linha do CNPJ), com as
colunas de links da loja, o texto "Sobre" e os blocos que ela deixou
ligados. Só monta quando o rodapé publicado é diferente do padrão.
*/
export type VendorColunaPronta = { id: string; titulo: string; links: Array<{ id: string; rotulo: string; destino: Destino }> };
function LinkDoRodape({ destino, children }: { destino: Destino; children: React.ReactNode }) {
const classe = "block transition-opacity hover:opacity-100";
const alvo = destino.novaAba ? "_blank" : undefined;
const rel = destino.novaAba || destino.externo ? "noopener noreferrer" : undefined;
return destino.externo ? (
{children}
) : (
{children}
);
}
export function VendorRodapeProprio({
regiao,
slug,
nomeDaLoja,
contato,
linkDoWhats,
categorias,
linkDaCategoria,
sobre,
colunas,
mostrarContato,
mostrarRedes,
mostrarPagamento,
mostrarCategorias,
}: {
regiao: Record;
slug: string;
nomeDaLoja: string;
contato: VendorContato;
linkDoWhats: string | null;
categorias: VendorCategoria[];
linkDaCategoria: (categoria: VendorCategoria) => string;
sobre: string;
colunas: VendorColunaPronta[];
mostrarContato: boolean;
mostrarRedes: boolean;
mostrarPagamento: boolean;
mostrarCategorias: boolean;
}) {
const titulo = "text-sm font-extrabold uppercase tracking-wide";
return (
);
}