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

const KunPostHeader: FunctionalComponent = () => (
  <host>
    <style>{style}</style>
    <div className="flex justify-between h-12 shadow">
      <div className="flex inline-flex pl-4 items-center flex-row">
        <div className="icon-logo h-8 w-8" />
        <span className="font-medium">马上知识</span>
      </div>
    </div>
  </host>
);

KunPostHeader.props = {
  message: {
    type: String,
    value: "kun-post-header",
  },
};

export default getComponentOrDefine("kun-post-header", KunPostHeader);
