Function MainPanel

packages/devtools-ui/src/components/main-panel.tsx:11–30

({
  className,
  children,
  class: classStyles,
  withPadding,
}: PanelProps)

}

export const MainPanel = ({
  className,
  children,
  class: classStyles,
  withPadding,
}: PanelProps) => {
  const styles = createStyles()

  return (
    <div
      data-tsd-surface
      class={clsx(
        styles().mainPanel.panel(Boolean(withPadding)),
        className,
        classStyles,
      )}
    >
      {children}
    </div>
  )
}