import { Component, h, useProp } from "atomico";
import style from "./kun-component-post.scss";
import { getComponentOrDefine } from "../../hooks/aync-hook/redirect";

const KunComponentPost: Component = () => {
  const [hello] = useProp("title");
  const [content] = useProp("content");
  return (
    <host>
      <style>{style}</style>
      <div className="my-4 px-3">
        <div className="flex font-black font-black">{hello}</div>
        <div className="my-4 ">{content}</div>
      </div>
    </host>
  );
};

KunComponentPost.props = {
  content: {
    type: String,
    value: "title",
  },
  title: {
    type: String,
    value: "kun-component-post",
  },
};

export default getComponentOrDefine("kun-component-post", KunComponentPost);
