import { Alert } from 'antd';
import { InfoCircleOutlined } from '@ant-design/icons';

export interface DemoDataDisclaimerProps {
  /** Custom message to display. Defaults to standard Danish demo data message. */
  message?: string;
  /** Whether to show the icon. Defaults to true. */
  showIcon?: boolean;
  /** Additional CSS styles */
  style?: React.CSSProperties;
}

/**
 * A subtle disclaimer banner indicating that displayed data is for demonstration only.
 * Use this on pages that show static/mock data that will be replaced with real data.
 */
export function DemoDataDisclaimer({
  message = 'Disse data er kun til demonstration',
  showIcon = true,
  style,
}: DemoDataDisclaimerProps) {
  return (
    <Alert
      type="info"
      message={message}
      showIcon={showIcon}
      icon={showIcon ? <InfoCircleOutlined /> : undefined}
      banner
      style={{
        marginBottom: 16,
        ...style,
      }}
    />
  );
}
