25 lines
786 B
Svelte
25 lines
786 B
Svelte
<script>
|
|
import { getContext } from "svelte"
|
|
|
|
const { styleable } = getContext("sdk")
|
|
const component = getContext("component")
|
|
|
|
export let className = ""
|
|
export let type
|
|
export let text = ""
|
|
</script>
|
|
|
|
{#if type === 'h1'}
|
|
<h1 class={className} use:styleable={$component.styles}>{text}</h1>
|
|
{:else if type === 'h2'}
|
|
<h2 class={className} use:styleable={$component.styles}>{text}</h2>
|
|
{:else if type === 'h3'}
|
|
<h3 class={className} use:styleable={$component.styles}>{text}</h3>
|
|
{:else if type === 'h4'}
|
|
<h4 class={className} use:styleable={$component.styles}>{text}</h4>
|
|
{:else if type === 'h5'}
|
|
<h5 class={className} use:styleable={$component.styles}>{text}</h5>
|
|
{:else if type === 'h6'}
|
|
<h6 class={className} use:styleable={$component.styles}>{text}</h6>
|
|
{/if}
|