2020-09-15 12:53:02 +02:00
|
|
|
<script>
|
2020-11-18 22:06:12 +01:00
|
|
|
import { getContext } from "svelte"
|
|
|
|
|
|
2021-01-19 13:42:49 +01:00
|
|
|
const { styleable } = getContext("sdk")
|
|
|
|
|
const component = getContext("component")
|
2020-09-15 12:53:02 +02:00
|
|
|
|
|
|
|
|
export let icon = ""
|
|
|
|
|
export let size = "fa-lg"
|
2021-01-19 14:00:15 +01:00
|
|
|
export let color = "#f00"
|
2021-01-22 12:07:27 +01:00
|
|
|
|
2021-01-19 14:00:15 +01:00
|
|
|
$: styles = {
|
2021-01-22 12:07:27 +01:00
|
|
|
...$component.styles,
|
|
|
|
|
normal: {
|
|
|
|
|
...$component.styles.normal,
|
|
|
|
|
color,
|
|
|
|
|
},
|
2021-01-19 14:00:15 +01:00
|
|
|
}
|
2020-09-15 12:53:02 +02:00
|
|
|
</script>
|
|
|
|
|
|
2021-01-22 12:07:27 +01:00
|
|
|
<i use:styleable={styles} class="{icon} {size}" />
|
