2020-09-15 22:53:02 +12:00
|
|
|
<script>
|
|
|
|
import "@fortawesome/fontawesome-free/js/all.js"
|
2020-11-19 10:06:12 +13:00
|
|
|
import { getContext } from "svelte"
|
|
|
|
|
2020-11-20 22:50:10 +13:00
|
|
|
const { styleable } = getContext("sdk")
|
2020-11-25 00:02:10 +13:00
|
|
|
const component = getContext("component")
|
2020-09-15 22:53:02 +12:00
|
|
|
|
|
|
|
export let icon = ""
|
|
|
|
export let size = "fa-lg"
|
|
|
|
export let color = "#000"
|
|
|
|
</script>
|
|
|
|
|
2020-11-19 10:06:12 +13:00
|
|
|
<i
|
|
|
|
style={`color: ${color};`}
|
|
|
|
class={`${icon} ${size}`}
|
2020-11-25 00:02:10 +13:00
|
|
|
use:styleable={$component.styles} />
|