'use client';

import {VStack} from '@astryxdesign/core/Layout';
import {Text} from '@astryxdesign/core/Text';
import {EmptyPanel} from '@/components/patterns/EmptyPanel';

/**
 * Placeholder until the chart primitives land in 1.7. It then hosts revenue
 * forecast, customer growth and store/reward comparison at height={180} —
 * the narrow-column variant of the same ChartCard used in the workspace.
 */
export function AnalyticsTab() {
  return (
    <VStack gap={4} padding={4}>
      <Text size="sm" color="secondary">
        Forecasts and comparisons, scoped to the current store and range.
      </Text>
      <EmptyPanel
        icon="analytics"
        title="Charts arrive with the analytics layer"
        description="Revenue forecast, customer growth, store and reward comparison."
      />
    </VStack>
  );
}
