import './Home.css';

import Nullstack, { NullstackClientContext, NullstackFunctionalComponent } from 'nullstack';

interface ChildProps {
  label: string;
}

const Child: NullstackFunctionalComponent<ChildProps> = ({ label }: NullstackClientContext<ChildProps>) => {
  return <p>{label}</p>;
};

interface ParentProps {
  label: string;
}

const Parent: NullstackFunctionalComponent<ParentProps> = ({ label }: NullstackClientContext<ParentProps>) => {
  return (
    <div>
      <p>{label}</p>
      <Child label="Child" />
    </div>
  );
};

export default class Home extends Nullstack {
  render() {
    return (
      <div>
        <Parent label="Parent" />
      </div>
    );
  }
}