Divider

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

<Stack>
	<Text>Invoice INV-1042 was paid.</Text>
	<Divider />
	<Text>Invoice INV-1043 is due in 5 days.</Text>
</Stack>

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

<Stack>
	<Button>Continue with GitHub</Button>
	<Divider label="or" />
	<Button variant="primary">Sign in with email</Button>
</Stack>