Inline Validation Alert

export function InlineAlert({ type = "error", children }) {
  const isError = type === "error";
  return (
    <div
      role="alert"
      className={`flex items-start gap-2 rounded-md border px-3 py-2 text-sm
        ${isError ? "border-rose-200 bg-rose-50 text-rose-700" : "border-emerald-200 bg-emerald-50 text-emerald-700"}`}
    >
      <span>{isError ? "⚠" : "✓"}</span>
      <span>{children}</span>
    </div>
  );
}