import React from 'react';
import ChangeTimeZone from './ChangeTimeZone';
import GetContainer from './GetPopupContainer';
import RTLWrapper from './RTLDirection/RTLWrapper';
import RTLTable from './RTLDirection/RTLTable';
import RTLForm from './RTLDirection/RTLForm';

export default {
  title: 'ConfigProvider',
  parameters: {
    chromatic: { disableSnapshot: true },
  },
}

export {
  ChangeTimeZone,
  GetContainer,
}

export const RTLTableDemo = () => (
  <RTLWrapper>
    <RTLTable />
  </RTLWrapper>
);

export const RTLFormDemo = () => (
  <RTLWrapper>
    <RTLForm />
  </RTLWrapper>
);