direction-provider

1"use client";
2 
3import { Direction as DirectionPrimitive } from "radix-ui";
4import type * as React from "react";
5 
6function DirectionProvider({
7  dir,
8  direction,
9  children,
10  ...props
11}: React.ComponentProps<typeof DirectionPrimitive.DirectionProvider> & {
12  direction?: React.ComponentProps<
13    typeof DirectionPrimitive.DirectionProvider
14  >["dir"];
15}) {
16  return (
17    <DirectionPrimitive.DirectionProvider dir={direction ?? dir} {...props}>
18      {children}
19    </DirectionPrimitive.DirectionProvider>
20  );
21}
22 
23const useDirection = DirectionPrimitive.useDirection;
24 
25export { DirectionProvider, useDirection };