2021-04-14 10:53:23 +02:00
|
|
|
<script>
|
2021-04-30 13:33:50 +02:00
|
|
|
import "@spectrum-css/typography/dist/index-vars.css"
|
|
|
|
|
|
|
|
export let size = "M"
|
|
|
|
export let serif = false
|
2021-05-19 11:09:20 +02:00
|
|
|
export let weight = null
|
|
|
|
export let textAlign = null
|
2022-03-15 09:16:45 +01:00
|
|
|
export let color = null
|
2021-04-14 10:53:23 +02:00
|
|
|
</script>
|
|
|
|
|
2021-04-30 13:33:50 +02:00
|
|
|
<p
|
2021-05-19 11:09:20 +02:00
|
|
|
style={`
|
|
|
|
${weight ? `font-weight:${weight};` : ""}
|
|
|
|
${textAlign ? `text-align:${textAlign};` : ""}
|
2022-03-15 09:16:45 +01:00
|
|
|
${color ? `color:${color};` : ""}
|
2021-05-19 11:09:20 +02:00
|
|
|
`}
|
2021-05-06 15:10:54 +02:00
|
|
|
class="spectrum-Body spectrum-Body--size{size}"
|
2021-05-10 15:50:37 +02:00
|
|
|
class:spectrum-Body--serif={serif}
|
|
|
|
>
|
2021-04-30 13:33:50 +02:00
|
|
|
<slot />
|
|
|
|
</p>
|