'use client';

import {Text} from '@astryxdesign/core/Text';
import {ATTRIBUTION_NOTE, type Attribution} from '@/features/engagement/types/engagement';

/**
 * The disclosure beside every attributed figure. Renders NOTHING when the
 * basis is `observed`, so a real attribution backend retires it with no copy
 * change. The basis is read off the payload, never hardcoded.
 */
export function AttributionNote({basis}: {basis: Attribution}) {
  if (basis === 'observed') return null;
  return (
    <Text size="xsm" color="secondary">
      {ATTRIBUTION_NOTE}
    </Text>
  );
}