Farmbot-Web-App/frontend/ui/center_panel.tsx

import * as React from "react";
import { Col, ToolTip, DocSlug } from ".";
import { t } from "../i18next_wrapper";
import { ErrorBoundary } from "../error_boundary";

interface CenterProps {
  children?: React.ReactNode;
  className: string;
  title: string;
  helpText?: string;
  width?: number;
  docPage?: DocSlug;
  backButton?: React.ReactNode;
}

export function CenterPanel(props: CenterProps) {
  return <Col sm={props.width || 6} lg={6}>
    <div className={props.className}>
      {props.backButton}
      <h3>
        <i>{t(props.title)}</i>
      </h3>
      {props.helpText &&
        <ToolTip helpText={t(props.helpText)} docPage={props.docPage} />}
      <ErrorBoundary>
        {props.children}
      </ErrorBoundary>
    </div>
  </Col>;
}