import { css } from "@linaria/core";
import { string } from "vue-types";
import { useCompData } from ".";
import { Text } from "../../../basicUI";
import { createUIComp } from "../../../defines/createUIComp";

export const Component = createUIComp({
  props: {
    compId: string().isRequired,
  },
  setup(props) {
    const { value } = useCompData(props.compId);

    return () => (
      <div class="flex flex-col items-center">
        <Text.Component
          class=""
          compId={value.title?.id}
        />
        <Text.Component
          class=""
          compId={value.subtitle?.id}
        />
      </div>
    );
  },
});