pc-more-complete.html

<import src="@captec/design-system/src/components.pc" as="ds" />

<!--
 ... more code above ...
-->

<!--
  @frame { visible: false }
-->
<div export component as="Title">
  <div>
    <style>
      margin-top: 46px;
      font-size: 20px;
      font-family: Eina03;
      line-height: 32px;
    </style>
    {children}
  </div>
  <div>
    <style>
      margin-top: 8px;
      color: var(--color-text-subdued);
      margin-bottom: 32px;
    </style>
    {subtitle}
  </div>
</div>

<!--
  @frame { visible: false }
-->
<div export component as="ProgressPills">
  <style>
    display: flex;
  </style>
  {children}
</div>

<!--
  @frame { visible: false }
-->
<ds.Card export component as="AccountTypeOption" interactive {onClick}>
  <ds.Checkbox {checked?} />
  <ds.Detail title={name} {description} />
</ds.Card>

<!--
 ... more code below ...
-->