import { memo } from "react"; export const ComposerPlanFollowUpBanner = memo(function ComposerPlanFollowUpBanner({ planTitle,}: { planTitle: string | null;}) { return ( <div className="px-4 py-3.5 sm:px-5 sm:py-4"> <div className="flex flex-wrap items-center gap-2"> <span className="uppercase text-sm tracking-[0.2em]">Plan ready</span> {planTitle ? ( <span className="min-w-0 flex-1 truncate text-sm font-medium">{planTitle}</span> ) : null} </div> {/* <div className="mt-2 text-xs text-muted-foreground"> Review the plan </div> */} </div> );});
import { memo } from "react";
export const ComposerPlanFollowUpBanner = memo(function ComposerPlanFollowUpBanner({
planTitle,
}: {
planTitle: string | null;
}) {
return (
<div className="px-4 py-3.5 sm:px-5 sm:py-4">
<div className="flex flex-wrap items-center gap-2">
<span className="uppercase text-sm tracking-[0.2em]">Plan ready</span>
{planTitle ? (
<span className="min-w-0 flex-1 truncate text-sm font-medium">{planTitle}</span>
) : null}
</div>
{/* <div className="mt-2 text-xs text-muted-foreground">
Review the plan
</div> */}
</div>
);
});