{% props
    ## Title of the card
    title = 'Card title',
    ## Number of items @control range min=0 max=10
    count = 3,
    highlighted = false,
    ## Accent color @control color
    accent = '#0f172a',
    ## Alignment of the content @control radio left|center|right
    align = 'left'
%}

<article class="card{{ highlighted ? ' card--highlighted' : '' }}" style="--accent: {{ accent }}" data-align="{{ align }}">
    <h2>{{ title }}</h2>
    <p class="count">{{ count }}</p>
</article>

<article class="card" style="--accent: #0f172a" data-align="left">
    <h2>Card title</h2>
    <p class="count">3</p>
</article>

<twig:Card>
  
</twig:Card>