<script lang="ts">
	import { Currency } from 'stwui';

	const currency_usd = "svg-path";
	const phone = "svg-path";
	const email = "svg-path";
</script>

<Currency name="currency-1" placeholder="Basic" />

<Currency name="currency-2">
	<Currency.Label slot="label">Label</Currency.Label>
	<Currency.Leading slot="leading" data={currency_usd} />
	<Currency.Trailing slot="trailing" data={phone} />
</Currency>

<Currency name="currency-3" error="There has been an error">
	<Currency.Label slot="label">Label</Currency.Label>
	<Currency.Leading slot="leading" data={email} />
</Currency>