import { Component, h } from "atomico";
import { getComponentOrDefine } from "../../hooks/aync-hook/redirect";

const SingularAuthor: Component = ({ message }) => (
  <host shadowDom>
    <h1>
      {message}
    </h1>
  </host>
);

SingularAuthor.props = {
  message: {
    type: String,
    value: "singular-author",
    reflect: true,
    event: {
      type: "changeMessage",
    },
  },
};

export default getComponentOrDefine("singular-author", SingularAuthor);
