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