Transform 'AuthLayoutContainer' component hierarchy to tsx (#699)

Co-authored-by: Muhamed <>
Co-authored-by: Vijay A <vraravam@users.noreply.github.com>

1 files changed, 10 insertions, 5 deletions

diff --git a/src/components/ui/headline/index.tsx b/src/components/ui/headline/index.tsx
index b5a5f695f..bebd8adcf 100644
--- a/src/components/ui/headline/index.tsx
+++ b/src/components/ui/headline/index.tsx
@@ -1,16 +1,22 @@
 import classnames from 'classnames';
-import { Component, createElement, ReactNode } from 'react';
+import {
+  Component,
+  createElement,
+  MouseEventHandler,
+  ReactElement,
+  ReactNode,
+} from 'react';
 import injectStyle, { WithStylesProps } from 'react-jss';
 
 import { Theme } from '../../../themes';
 import { Omit } from '../typings/generic';
 
 interface IProps extends WithStylesProps<typeof styles> {
+  children: ReactNode;
   level?: number;
   className?: string;
-  children: string | ReactNode;
   id?: string;
-  onClick?: () => void;
+  onClick?: MouseEventHandler<HTMLButtonElement>;
 }
 
 const styles = (theme: Theme) => ({
@@ -40,7 +46,7 @@ const styles = (theme: Theme) => ({
 });
 
 class HeadlineComponent extends Component<IProps> {
-  render() {
+  render(): ReactElement {
     const { classes, level, className, children, id, onClick } = this.props;
 
     return createElement(
@@ -61,7 +67,6 @@ class HeadlineComponent extends Component<IProps> {
 }
 
 const Headline = injectStyle(styles, { injectTheme: true })(HeadlineComponent);
-
 const createH = (level: number) => (props: Omit<IProps, 'classes'>) =>
   (
     <Headline level={level} {...props}>