Direction Provider

import { DirectionProvider, useDirection } from '@base-ui/react/direction-provider';
import type { TextDirection } from '@base-ui/react/direction-provider';

const DirectionProvider: React.FC<DirectionProvider.Props>

interface DirectionProviderProps {
  children?: React.ReactNode;
  direction?: TextDirection | undefined;
}

type TextDirection = 'ltr' | 'rtl';

function useDirection(): TextDirection

import { DirectionProvider, useDirection } from '@base-ui/react/direction-provider';

function MyComponent() {
  const direction = useDirection();
  return <div dir={direction}>Content</div>;
}

function App() {
  return (
    <DirectionProvider direction="rtl">
      <MyComponent />
    </DirectionProvider>
  );
}