Text

import { TCard } from "@dija/tohama-components";
import { useText } from "@dija/tohama-use";
import { defineComponent } from "vue";

export default defineComponent({
  setup() {
    const texts = useText({
      size: "lg",
      weight: "normal",
      leading: "relaxed",
    });

    return () => (
      <TCard design="outlined" p>
        <div class={texts.value}>
          There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in
          some form, by injected humour, or randomized words which don't look even slightly believable. If you are going
          to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of
          text.
        </div>
      </TCard>
    );
  },
});