import { DEMO_BANNER_TEXT } from '../../utils/demoEntrance';

// The DEMO MODE strip on every demo page: the entrance, the agreement and the whole signed-in visit. It
// takes its own row at the top rather than overlaying the page, and has no close.
const DemoEntranceBanner = () => (
    <div
        role="region"
        aria-label="Demo mode"
        data-testid="demo-entrance-banner"
        className="w-full bg-[var(--warning)] px-4 py-2 text-center text-sm text-white"
    >
        <strong className="font-semibold">DEMO MODE</strong> - {DEMO_BANNER_TEXT}
    </div>
);

export default DemoEntranceBanner;