import { mount } from "cypress/react18";
// Same global stylesheet the real app loads (see src/main.tsx) — generic
// components (Checkbox, Radio, Dialog…) are styled through it, not their
// own scoped CSS, so mounting one without it would test unstyled markup.
import "../../src/styles/global.scss";

declare global {
  namespace Cypress {
    interface Chainable {
      mount: typeof mount;
    }
  }
}

Cypress.Commands.add("mount", mount);