Loading...
,
+ ContentTabs: ({ header, tabs }: { header?: React.ReactNode; tabs: Array<{ value: string; content: React.ReactNode }> }) => (
+
+ {header}
+ {tabs.map((tab) => (
+
{tab.content}
+ ))}
+
+ ),
}));
vi.mock('../components/FormControls', () => ({
diff --git a/resources/js/admin/mobile/components/ContextHelpLink.tsx b/resources/js/admin/mobile/components/ContextHelpLink.tsx
new file mode 100644
index 0000000..d3224b5
--- /dev/null
+++ b/resources/js/admin/mobile/components/ContextHelpLink.tsx
@@ -0,0 +1,42 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import { HelpCircle } from 'lucide-react';
+import { XStack } from '@tamagui/stacks';
+import { SizableText as Text } from '@tamagui/text';
+import { Pressable } from '@tamagui/react-native-web-lite';
+
+import { adminPath } from '../../constants';
+import { useAdminTheme } from '../theme';
+
+type ContextHelpLinkProps = {
+ slug: string;
+ label?: string;
+};
+
+export function ContextHelpLink({ slug, label = 'Help' }: ContextHelpLinkProps) {
+ const navigate = useNavigate();
+ const { border, primary, surfaceMuted, textStrong } = useAdminTheme();
+
+ return (
+