<template>
  <Fragment>
    <properties-card title="Heading Style">
      <text-heading-style :data="widgetData.sharedStyle.heading" />
    </properties-card>
    <properties-card title="SubHeading Style">
      <text-heading-style :data="widgetData.sharedStyle.subHeading" />
    </properties-card>
    <properties-card title="Text Input Style">
      <text-input-style :data="widgetData.sharedStyle.textInput" />
    </properties-card>
    <properties-card title="Text Input Multi-line Style">
      <text-input-style :data="widgetData.sharedStyle.textInputMultiline" />
    </properties-card>
    <properties-card title="Checkbox Style">
      <text-input-style :data="widgetData.sharedStyle.checkbox" />
      <!--      <checkbox-style :data="widgetData.sharedStyle.checkbox" />-->
    </properties-card>
  </Fragment>
</template>

<script>
import PropertiesCard from "@/components/properties/components/PropertiesCard";
import { Fragment } from "vue-fragment";
import PaddingOption from "@/components/properties/components/PaddingOption";
import TextHeadingStyle from "@/components/properties/components/TextHeadingStyle";
import ColorSelector from "@/components/properties/components/ColorSelector";
import TextInputStyle from "@/components/properties/components/TextInputStyle";
import CheckboxStyle from "@/components/properties/components/CheckboxStyle";

export default {
  name: "TemplateStyleProperties",
  props: {
    widgetData: Object,
  },
  components: {
    CheckboxStyle,
    TextInputStyle,
    ColorSelector,
    TextHeadingStyle,
    PaddingOption,
    PropertiesCard,
    Fragment,
  },
  data() {
    return {};
  },
};
</script>

<style scoped></style>
