[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [MainModal](./x-components.mainmodal.md) ## MainModal variable A specialised version of a modal component, made to contain a full search application. **Signature:** ```typescript _default: import("vue").DefineComponent; default: () => string[]; }; focusOnOpen: { type: BooleanConstructor; default: boolean; }; openEvents: { type: PropType; default: () => string[]; }; outOfModalClickEvent: { type: PropType; default: string; }; }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly; default: () => string[]; }; focusOnOpen: { type: BooleanConstructor; default: boolean; }; openEvents: { type: PropType; default: () => string[]; }; outOfModalClickEvent: { type: PropType; default: string; }; }>> & Readonly<{}>, { closeEvents: (keyof import("../../wiring/events.types").XEventsTypes)[]; focusOnOpen: boolean; openEvents: (keyof import("../../wiring/events.types").XEventsTypes)[]; outOfModalClickEvent: keyof import("../../wiring/events.types").XEventsTypes; }, {}, { BaseEventsModal: import("vue").DefineComponent<{}, {}, any>; }, {}, string, import("vue").ComponentProvideOptions, true, {}, any> ```