Poor slots. Describe.

describe.titleElement.tsx

type LoginFormProps = {
  header?: boolean;
  title?: React.ReactNode;
  titleEl?: React.ReactNode; // ⬅️ заметьте, я не глупый и делаю универсально
  email?: string;
  password?: string;
}

function LoginForm(props: LoginFormProps) {
  const titleEl = props.titleEl || <h2/>;
  const jsxTitle = React.cloneElement(
    titleEl,
    titleEl.props,
    props.title || <>Вход</>,
  );

  return (
    <Form>
      {props.header !== false && <div className="header">
        {jsxTitle}
      </div>}
      
      <div className="fields">
        <Input name="email" value={props.email} />
        <Input name="password" value={props.password} />
      </div>
      
      <div className="controls">
        <Button kind="primary"/>
      </div>
    </Form>
  );
}