Page

<Page
    header={
        <Stack alignItems="center" spacing="0">
            <Stack.Item fill>
                <Headline size="large">Page Title</Headline>
                <BodyText subdued>A short page description.</BodyText>
            </Stack.Item>
            <Button primary>Action</Button>
        </Stack>
    }
>
    Content of the page.
</Page>

<div>
    <Page
        header={
            <Stack alignItems="center" spacing="0">
                <Stack.Item fill>
                    <Headline size="large">Thin Max Width, Page Title</Headline>
                    <BodyText subdued>A short page description.</BodyText>
                </Stack.Item>
                <Button primary>Action</Button>
            </Stack>
        }
        maxWidth="narrow"
    >
        <Card><Card.Section red>Content that is apart of the page.</Card.Section></Card>
    </Page>
    <Page
        header={
            <Stack alignItems="center" spacing="0">
                <Stack.Item fill>
                    <Headline size="large">Default Max Width, Page Title</Headline>
                    <BodyText subdued>A short page description.</BodyText>
                </Stack.Item>
                <Button primary>Action</Button>
            </Stack>
        }
    >
        <Card><Card.Section red>Content that is apart of the page.</Card.Section></Card>
    </Page>
    <Page
        header={
            <Stack alignItems="center" spacing="0">
                <Stack.Item fill>
                    <Headline size="large">No Max Width, Page Title</Headline>