import { createStore } from 'jotai';

import { FluidTypography, Module } from '@centreon/ui';

interface Props {
  store: ReturnType<typeof createStore>;
}

const Text = ({ store }: Props): JSX.Element => {
  return (
    <Module maxSnackbars={1} seedName="text" store={store}>
      <div
        style={{
          display: 'grid',
          gridTemplateColumns: 'repeat(2, minmax(60px, auto))'
        }}
      >
        <FluidTypography text="Hello world" />
        <FluidTypography text="Hello world" variant="h2" />
      </div>
    </Module>
  );
};

export default Text;
