Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | 24x 11x 24x 24x 24x | import { useEffect } from 'react';
import createCache from '@emotion/cache';
import rtlPlugin from 'stylis-plugin-rtl';
import { CacheProvider } from '@emotion/react';
// ----------------------------------------------------------------------
export default function RTL({ children, themeDirection }) {
useEffect(() => {
document.dir = themeDirection;
}, [themeDirection]);
const cacheRtl = createCache({
key: 'rtl',
prepend: true,
// @ts-ignore
// https://github.com/styled-components/stylis-plugin-rtl/issues/35
stylisPlugins: [rtlPlugin],
});
Iif (themeDirection === 'rtl') {
return <CacheProvider value={cacheRtl}>{children}</CacheProvider>;
}
return <>{children}</>;
}
|