"use client";

import { Alert } from "antd";

/**
 * Informational only - the page underneath is fully functional, this just
 * sets expectations while the feature isn't ready to hand to end users yet.
 * An inline warning banner (not a popup/modal) at the top of the page, up
 * for as long as the page is - AntD's "warning" Alert is the same yellow
 * treatment as a Bootstrap alert-warning banner.
 */
export function ComingSoonNotice({ feature }: { feature: string }) {
  return (
    <Alert
      type="warning"
      showIcon
      message="Coming soon in next phase"
      description={`${feature} is still being finished up and isn't ready for regular use yet. You're welcome to explore it, but treat anything here as a preview.`}
      className="dms_coming_soon_notice"
    />
  );
}