const fs = require('fs');
let code = fs.readFileSync('src/sections/HistoriaClinica.tsx', 'utf8');

const replIC = `
      {portalNode ? createPortal(
        canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}>
          <Plus className="h-4 w-4 mr-2" />
          Nueva IC
        </Button>,
        portalNode
      ) : (
        <div className="flex justify-between items-center mb-4">
          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}>
            <Plus className="h-4 w-4 mr-2" />
            Nueva IC
          </Button>}
        </div>
      )}
`.trim();

code = code.replace(
  /<div className="flex justify-between items-center">\s*\{canEdit && <Button variant="outline" onClick=\{\(\) => \{ reset\(\); setDialog\(true\); \}\}>\s*<Plus className="h-4 w-4 mr-2" \/>\s*Nueva IC\s*<\/Button>\}\s*<\/div>/g,
  replIC
);

fs.writeFileSync('src/sections/HistoriaClinica.tsx', code);