const siteName = process.env.NEXT_PUBLIC_SITE_NAME || 'PAWÒL-NU. Paroles et traductions.'
const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://pawol.nu'
const orgFullName = process.env.NEXT_PUBLIC_ORG_FULL_NAME || process.env.NEXT_PUBLIC_ORG_NAME || 'ORGANISATION KA INTERNATIONALE'
const twitterHandle = `@${process.env.NEXT_PUBLIC_TWITTER_USERNAME || 'OrganisationKA'}`
const sipoteTitle = `${siteName} | Soutenir ${orgFullName} !`

export const metadata = {
  title: sipoteTitle,
  description: 'Vous pouvez nous soutenir via Liberapay ou PayPal',
  openGraph: {
    title: sipoteTitle,
    description: 'Vous pouvez nous soutenir via Liberapay ou PayPal.',
    url: `${siteUrl}/sipote`,
    siteName,
    images: [
      {
        url: `${siteUrl}/sipote.png`,
        width: 500,
        height: 500
      }
    ],
    locale: 'fr_FR',
    type: 'website'
  },
  twitter: {
    site: twitterHandle,
    card: 'summary_large_image',
    title: sipoteTitle,
    description: 'Vous pouvez nous soutenir via Liberapay ou PayPal.',
    creator: twitterHandle,
    images: {
      url: `${siteUrl}/sipote.png`,
      alt: `Sipòte ${process.env.NEXT_PUBLIC_ORG_NAME || 'OKI'}`,
    },
  }
}

export default async function SipoteLayout({children}) {
  return (
    <section>
      {children}
    </section>
  )
}