import React from 'react';
import { Text, View } from 'react-native';

import { getEditorTabLabel } from '../settings/featureMenu';
import { editorShellStyles } from './editorShellStyles';
import type { SuperagentEditorTab } from '../../types';

export function EditorTabPanel({ tab }: { tab: SuperagentEditorTab }) {
  const label = getEditorTabLabel(tab);

  return (
    <View style={editorShellStyles.placeholderPanel}>
      <Text style={editorShellStyles.placeholderTitle}>{label}</Text>
      <Text style={editorShellStyles.placeholderBody}>
        This section now lives inside the native settings modal.
      </Text>
    </View>
  );
}