import { useLayout } from '@/contexts/LayoutContext';
import { cn } from '@/lib/utils';
import { Head } from '@inertiajs/react';
import { AlignLeft, AlignRight, LucideIcon } from 'lucide-react';
import HeadingSmall from './heading-small';
export const LayoutRtlSettings = () => {
const tabs: { value: 'left' | 'right'; icon: LucideIcon; label: string }[] = [
{ value: 'left', icon: AlignLeft, label: 'Left' },
{ value: 'right', icon: AlignRight, label: 'Right' },
];
const { position: layoutPosition, updatePosition } = useLayout();
return (
{tabs.map(({ value, icon: Icon, label }) => (
))}
);
};