Small 02 brand

---
/**
 * Small 02 brand: The logo and copyright, centred on phones and split on wide screens, on the brand colour.
 *
 * @block footers
 * @order 38
 */
import { Orbit } from '@lucide/astro'
import Section from '@/components/apogee/Section/Section.astro'
import FeaturedIcon from '@/components/apogee/FeaturedIcon/FeaturedIcon.astro'
import Link from '@/components/apogee/Link/Link.astro'
import { type FooterContent } from '@/components/apogee/sections/_shared/footers.ts'

/** @composable */
interface Props extends FooterContent {}

const {
  brand = 'Example',
  copyright = '© 2026 Example. All rights reserved.',
} = Astro.props
---

<Section as="footer" spacing="small" background="primary">
  <div class="flex flex-col items-center gap-6 lg:flex-row lg:justify-between">
    <Link href="/" color="inherit" underline="none" class="inline-flex items-center gap-2 text-lg font-semibold "><FeaturedIcon theme="solid" color="neutral" size="small"><Orbit /></FeaturedIcon>{brand}</Link>
    {copyright && <p class="opacity-85 ">{copyright}</p>}
  </div>
</Section>