import { StrictMode } from 'react';
import * as ReactDOM from 'react-dom/client';
import { RouterProvider } from 'react-router-dom';
import '../../../packages/core/styles/src/colors/index.css';
import '../../../packages/core/styles/src/typography/index.css';

import { RtFrame, defaultBreakpointConfig } from '@dpa/react-frame-intro';

import { router } from './router';

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);

root.render(
  <StrictMode>
    <RtFrame.Root
      modifier="base"
      scheme="ritm"
      achromatic="non-inverted"
      primitive="normal"
      theme="light"
      use="secondary"
      sizeScheme="ritm"
      typographyScheme="primary"
      typescale="base"
      breakpointScheme="ritm"
      operatorScheme="ritm"
      breakpointConfig={defaultBreakpointConfig}
      isFontSizeProvider={false}
    >
      <RouterProvider router={router} />
    </RtFrame.Root>
  </StrictMode>
);