Icon

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

<Cluster>
	<Icon name="check" />
	<Text as="span">Deployment complete</Text>
</Cluster>

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

<Cluster>
	<Icon name="ok" label="All services healthy" />
	<Icon name="warn" label="Memory usage high" />
	<Icon name="danger" label="Deployment failed" />
</Cluster>

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

<Cluster>
	<Icon name="search" label="Search" />
	<Icon name="menu" label="Menu" />
	<Icon name="filter" label="Filter" />
	<Icon name="download" label="Download" />
	<Icon name="external" label="Open externally" />
	<Icon name="arrow-right" label="Continue" />
</Cluster>