| 1 |
import { PageCanvas } from '@auto-launch/templates/PageCanvas'; |
| 2 |
import { CARD } from '@auto-launch/templates/surface'; |
| 3 |
import classNames from 'classnames'; |
| 4 |
|
| 5 |
const BOX = [ |
| 6 |
CARD, |
| 7 |
'flex flex-col items-center justify-center', |
| 8 |
'[gap:var(--ext-tpl-progress-gap,12px)]', |
| 9 |
'[height:var(--ext-tpl-progress-height,400px)]', |
| 10 |
].join(' '); |
| 11 |
|
| 12 |
export const Page = ({ parts, has }) => ( |
| 13 |
<PageCanvas> |
| 14 |
<div className="w-full flex flex-col items-center gap-ui md:gap-ui-lg m-auto"> |
| 15 |
<div className="mb-ui-block">{parts.logo}</div> |
| 16 |
<div |
| 17 |
className={classNames('relative z-10 w-full max-w-ui', has.card && BOX)} |
| 18 |
> |
| 19 |
{parts.graphic} |
| 20 |
{parts.status} |
| 21 |
</div> |
| 22 |
</div> |
| 23 |
</PageCanvas> |
| 24 |
); |
| 25 |
|
