import type { Setting } from '@/payload-types'
import { whatsapp } from '@/lib/site'
/** WhatsApp's own glyph, drawn inline so it needs no request and takes the colour around it. */
export function WhatsAppIcon({ size = 20 }: { size?: number }) {
return (
)
}
/** An envelope, drawn to the same weight and size as the WhatsApp glyph so the pair reads as a pair. */
export function MailIcon({ size = 20 }: { size?: number }) {
return (
)
}
/**
* The ways to reach the academy, in one block: WhatsApp first (a tap opens a chat with the first line already
* typed), then the support address, then the channel. Anything the CMS leaves empty simply does not appear.
*
* WhatsApp carried a glyph and the address carried none, so the two read as a link and a note rather than as
* two ways of reaching the same people. They now carry one each, at the same size and weight.
*/
export function ContactBlock({ settings: s, className = '' }: { settings: Setting; className?: string }) {
const wa = whatsapp(s.contact?.whatsapp, s.contact?.waText || undefined)
const email = s.contact?.email
const youtube = s.contact?.youtube
if (!wa && !email && !youtube) return null
return (