Text

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

<Text>Review the latest build before deploying to production.</Text>

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

<Stack gap="sm">
	<Text>Deployment queued.</Text>
	<Text tone="muted">Last checked two minutes ago.</Text>
	<Text tone="ok">All health checks passed.</Text>
	<Text tone="warn">One service is nearing its memory limit.</Text>
	<Text tone="danger">Build failed. Fix the type errors and retry.</Text>
</Stack>

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

<Stack>
	<Text size="lg">Your release is ready for review.</Text>
	<Text>Three services will be updated.</Text>
	<Text size="sm">Built today at 14:32 UTC.</Text>
	<Text as="div">Build <Text as="span" mono>release-2026.11.06</Text></Text>
</Stack>

<script lang="ts">
	import Text from '@tcpsystems/ui/foundation/Text';
	import Grid from '@tcpsystems/ui/foundation/Grid';
	const filename = 'production-workspace-invoices-2026-11-all-services-consolidated-export.csv';
</script>

<Grid min="sm">
	<Text truncate title={filename}>{filename}</Text>
	<Text tone="muted">Invoice export is ready to download.</Text>
</Grid>