DocSpace-client/packages/components/.storybook/contexts/direction-switcher.js

31 lines
651 B
JavaScript

import { createContext } from "react";
export const DirectionContext = createContext("ltr");
const DirectionWrapper = ({ interfaceDirection, children }) => {
return (
<DirectionContext.Provider value={interfaceDirection}>
{children}
</DirectionContext.Provider>
);
};
const DirectionSwitcher = {
icon: "transfer",
title: "Interface direction",
components: [DirectionWrapper],
params: [
{
name: "left-to-right",
props: { interfaceDirection: "ltr" },
default: true,
},
{
name: "right-to-left",
props: { interfaceDirection: "rtl" },
},
],
};
export default DirectionSwitcher;