2019-09-19 15:35:40 +12:00
|
|
|
<script>
|
2020-02-03 22:50:30 +13:00
|
|
|
import { buildStyle } from "./buildStyle"
|
2019-09-19 15:35:40 +12:00
|
|
|
|
2020-02-03 22:50:30 +13:00
|
|
|
export let value = ""
|
|
|
|
export let containerClass = ""
|
2019-09-19 15:35:40 +12:00
|
|
|
|
2020-02-03 22:50:30 +13:00
|
|
|
export let font = ""
|
|
|
|
export let textAlign = ""
|
|
|
|
export let verticalAlign = ""
|
|
|
|
export let color = ""
|
2019-09-19 15:35:40 +12:00
|
|
|
|
2020-02-03 22:50:30 +13:00
|
|
|
export let _bb
|
2019-09-19 15:35:40 +12:00
|
|
|
|
2020-02-03 22:50:30 +13:00
|
|
|
let style = ""
|
2019-09-19 15:35:40 +12:00
|
|
|
|
2020-02-03 22:50:30 +13:00
|
|
|
$: {
|
|
|
|
style = buildStyle({
|
|
|
|
font,
|
|
|
|
verticalAlign,
|
|
|
|
color,
|
|
|
|
"text-align": textAlign,
|
|
|
|
"vertical-align": verticalAlign,
|
|
|
|
})
|
|
|
|
}
|
2019-09-19 15:35:40 +12:00
|
|
|
</script>
|
|
|
|
|
2020-02-03 22:50:30 +13:00
|
|
|
<div class={containerClass} {style}>{value}</div>
|