2019-09-19 05:35:40 +02:00
|
|
|
<script>
|
|
|
|
import {buildStyle} from "./buildStyle";
|
|
|
|
|
|
|
|
export let value="";
|
|
|
|
export let containerClass="";
|
|
|
|
|
|
|
|
export let font="";
|
|
|
|
export let textAlign="";
|
2019-09-26 06:40:58 +02:00
|
|
|
export let verticalAlign=""
|
2019-09-19 05:35:40 +02:00
|
|
|
export let color="";
|
2019-09-26 06:40:58 +02:00
|
|
|
export let display="";
|
2019-09-19 05:35:40 +02:00
|
|
|
|
|
|
|
export let _app;
|
|
|
|
|
|
|
|
let style="";
|
|
|
|
|
|
|
|
|
|
|
|
$: {
|
|
|
|
style=buildStyle({
|
2019-09-26 06:40:58 +02:00
|
|
|
font, verticalAlign, color,
|
|
|
|
"text-align": textAlign,
|
|
|
|
"vertical-align": verticalAlign
|
2019-09-19 05:35:40 +02:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<div class={containerClass}
|
|
|
|
style={style}>
|
|
|
|
{value}
|
|
|
|
</div>
|