import { Fragment, PropsWithChildren } from 'react';
import { Block, type BlockProps, type BlockTagType } from 'react-login-page';

export const Title = <T extends BlockTagType>(props: PropsWithChildren<Partial<BlockProps<T>>>) => {
  const { keyname, name = 'title', tagName = 'h1', ...elmProps } = props;
  if (!elmProps.children) {
    elmProps.children = (
      <Fragment>
        We are <b>Login</b>
      </Fragment>
    );
  }
  return <Block tagName={tagName} {...elmProps} keyname={keyname || name} />;
};

Title.displayName = 'Login.Title';