import { MantineProvider } from '@mantine/core';
import { ModalsProvider } from '@mantine/modals';
import '@mantine/core/styles.css';

export function PreviewDecorator(Story: any, { parameters }: any) {
  console.log('Rendering decorator', parameters);
  return (
    <MantineProvider>
      <ModalsProvider>
        <div style={{ height: 'calc(100vh - 64px)', width: 'calc(100vw - 64px)' }}>
          <Story key={'mainStory'} />
        </div>
      </ModalsProvider>
    </MantineProvider>
  );
}
