import * as stylex from "@stylexjs/stylex";
import { styles as shared } from "@/ui/styles";
import { styles } from "./styles";

/**
 * The short note every file-managed page carries: where the values come from,
 * and what applies a change to them. It replaces the disabled Save button —
 * the reader needs the path, not a control that cannot work.
 */
export default function FileModeNote({ path }: { path: string | null }) {
	return (
		<p {...stylex.props(styles.fileNote)}>
			These values are loaded from <code {...stylex.props(shared.mono)}>{path ?? "the configuration file"}</code>.
			Edit that file to change them; most changes need an nxdns restart to take effect.
		</p>
	);
}