import * as React from 'react';
import { Dashboard } from 'piral-ext';
import {
  Piral,
  SetRoute,
  PiralInstance,
  ComponentsState,
  ErrorComponentsState,
  SetErrors,
  SetLayout,
  LayoutBreakpoints,
} from 'piral-core';

export function createInstanceElement(
  instance?: PiralInstance,
  layout?: Partial<ComponentsState>,
  errors?: Partial<ErrorComponentsState>,
  dashboardPath = '/',
  piralChildren?: React.ReactNode,
  breakpoints?: LayoutBreakpoints,
): React.ReactElement {
  return (
    <Piral instance={instance} breakpoints={breakpoints}>
      <SetLayout layout={layout} />
      <SetErrors errors={errors} />
      <SetRoute path={dashboardPath} component={Dashboard} />
      {piralChildren}
    </Piral>
  );
}