import React from "react";
import { Title } from "@patternfly/react-core";

import style from "./form-panel.module.css";

interface FormPanelProps extends React.HTMLProps<HTMLFormElement> {
  title: string;
}

export const FormPanel = (props: FormPanelProps) => {
  const { title, children, ...rest } = props;
  return (
    <section {...rest} className={style.panel}>
      <Title headingLevel="h4" size="xl" className={style.title}>
        {title}
      </Title>
      {children}
    </section>
  );
};