Container

<script lang="ts">
	import Container from '@tcpsystems/ui/foundation/Container';
	import Heading from '@tcpsystems/ui/foundation/Heading';
	import Text from '@tcpsystems/ui/foundation/Text';
</script>

<Container>
	<Heading level={3}>Billing overview</Heading>
	<Text tone="muted">Invoices, payment methods and usage for your workspace.</Text>
</Container>

<script lang="ts">
	import Container from '@tcpsystems/ui/foundation/Container';
	import Text from '@tcpsystems/ui/foundation/Text';
</script>

<Container width="prose">
	<Text>Release 2.14 moves deployments to rolling updates. Each service restarts one instance at a time, so traffic keeps flowing while new versions come up.</Text>
</Container>

<script lang="ts">
	import Container from '@tcpsystems/ui/foundation/Container';
	import Stack from '@tcpsystems/ui/foundation/Stack';
	import Text from '@tcpsystems/ui/foundation/Text';
	import Button from '@tcpsystems/ui/foundation/Button';
</script>

<Container width="form">
	<Stack>
		<Text>Add a team member to your workspace.</Text>
		<Button variant="primary">Send invite</Button>
	</Stack>
</Container>