renderFooterBrandColumn function

Component renderFooterBrandColumn(FooterBrandColumnProps props)

Renders a Codex footer brand column with logo and description.

Implementation

Component renderFooterBrandColumn(FooterBrandColumnProps props) {
  return dom.div(
    styles: const dom.Styles(raw: {
      'display': 'flex',
      'flex-direction': 'column',
      'align-items': 'flex-start',
    }),
    [
      // Logo
      dom.div(
        styles: const dom.Styles(raw: {
          'margin-bottom': '1.25rem',
        }),
        [props.logo],
      ),
      // Description
      if (props.description != null)
        dom.p(
          styles: dom.Styles(raw: {
            'font-size': 'var(--font-size-sm)',
            'color': 'var(--muted-foreground)',
            'line-height': '1.6',
            'margin': '0 0 1.25rem 0',
            'max-width': props.descriptionMaxWidth ?? '300px',
          }),
          [Component.text(props.description!)],
        ),
      // Bottom content
      if (props.bottomContent != null) props.bottomContent!,
    ],
  );
}