componentes-sinco 1.0.1 → 1.0.2-rc.1

package/dist/src/App.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+declare function App(): React.JSX.Element;
+export default App;

package/dist/src/Components/Adjuntar/Adjuntar.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AdjuntarProps } from './Model';
+
+export declare const Adjuntar: <T>({ sx, compact, error, onClickAdjuntar, onChangeArchivos }: AdjuntarProps<T>) => React.JSX.Element;

package/dist/src/Components/Adjuntar/Model.d.ts

@@ -0,0 +1,17 @@
+import { SxProps } from '@mui/material';
+
+export interface UploadedFile {
+    name: string;
+    size: number;
+    type: string;
+    progress: number;
+    uploadError?: boolean;
+}
+export interface AdjuntarProps<T> {
+    compact?: boolean;
+    sx?: SxProps;
+    files?: T[];
+    error?: boolean;
+    onClickAdjuntar?: () => void;
+    onChangeArchivos?: (archivos: UploadedFile[]) => void;
+}

package/dist/src/Components/Adjuntar/index.d.ts

@@ -0,0 +1 @@
+export * from './Adjuntar';

package/dist/src/Components/Calendario/Calendario.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export declare const Calendar: () => React.JSX.Element;

package/dist/src/Components/Drawer/Helpers/Model.d.ts

@@ -0,0 +1,55 @@
+import { ReplyPalette, ReplyTextPalette, ReplyVariants } from '../../../generales';
+import * as Muicon from "@mui/icons-material";
+export interface ArrayElement {
+    type?: 'textField' | 'textArea';
+    title?: string;
+    iconTitle?: keyof typeof Muicon;
+    infoTitle?: {
+        text?: string;
+        component?: "tooltip" | "popover";
+    };
+    label?: string;
+    placeholder?: string;
+    infoElement?: {
+        text?: string;
+        component?: "tooltip" | "popover";
+    };
+    iconInputStart?: string;
+    iconInputEnd?: string;
+    maxLength?: number;
+    component?: React.ReactNode;
+    variant?: ReplyVariants;
+    format?: 'int' | 'text' | 'password' | 'decimal';
+    disabled?: boolean;
+    required?: boolean;
+    size?: 'small' | 'medium';
+    width?: string;
+    rows?: number;
+    color?: ReplyPalette;
+    background?: string;
+    state?: any | React.Dispatch<React.SetStateAction<string>>;
+    value?: string;
+    onChange?: () => {};
+    onBlur?: () => {};
+    onKeyDown?: () => {};
+}
+export interface DrawerProps {
+    title?: string;
+    arrayElements?: ArrayElement[];
+    actions?: {
+        text: string;
+        fn: () => void;
+        disabled?: boolean;
+    }[];
+    buttonDrawer?: {
+        icon?: keyof typeof Muicon;
+        text?: string;
+        color?: ReplyPalette;
+        variant?: 'text' | 'outlined' | 'contained';
+        iconPosition?: 'left' | 'right' | undefined;
+    };
+    colorTitle?: ReplyTextPalette | ReplyPalette | string;
+    anchor?: "left" | "right";
+    width?: string;
+    open?: boolean;
+}

package/dist/src/Components/Drawer/Helpers/Utils.d.ts

@@ -0,0 +1,4 @@
+export declare const getIcon: (iconName?: string) => import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};
+export declare const cleanInputs: (arrayElements: any[]) => void;

package/dist/src/Components/Drawer/Helpers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Model';
+export * from './Utils';
+export * from './validateInput';

package/dist/src/Components/Drawer/Helpers/validateInput.d.ts

@@ -0,0 +1,3 @@
+import { ToastBaseProperties } from '../../ToastNotification';
+
+export declare const validateInputs: (arrayElements: any[], onError: (toast: ToastBaseProperties) => void, onSuccess: () => void) => void;

package/dist/src/Components/Drawer/SCDrawer.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { DrawerProps } from './Helpers';
+
+export declare const SCDrawer: ({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, }: DrawerProps) => React.JSX.Element;
+export default SCDrawer;

package/dist/src/Components/Drawer/SCDrawer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/Components/Drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './SCDrawer';

package/dist/src/Components/FooterAction/FooterAction.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { FooterActionsProperties } from './Model';
+
+export declare const FooterAction: ({ leftContent, rightContent, label, variant, }: FooterActionsProperties) => React.JSX.Element;

package/dist/src/Components/FooterAction/Model.d.ts

@@ -0,0 +1,6 @@
+export interface FooterActionsProperties {
+    label?: React.ReactNode;
+    leftContent?: React.ReactNode;
+    rightContent?: React.ReactNode;
+    variant?: 'standard' | 'float';
+}

package/dist/src/Components/FooterAction/index.d.ts

@@ -0,0 +1,2 @@
+export * from './FooterAction';
+export * from './Model';

package/dist/src/Components/Hooks/useWindowDimensions.d.ts

@@ -0,0 +1,4 @@
+export default function useWindowDimensions(): {
+    width: number;
+    height: number;
+};

package/dist/src/Components/Modal/Helpers/Data.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+
+export declare const modalStateConfig: {
+    info: {
+        color: string;
+        defaultDescription: string;
+        icon: React.JSX.Element;
+    };
+    delete: {
+        color: string;
+        defaultDescription: string;
+        icon: React.JSX.Element;
+    };
+    warning: {
+        color: string;
+        defaultDescription: string;
+        icon: React.JSX.Element;
+    };
+};

package/dist/src/Components/Modal/Helpers/Model.d.ts

@@ -0,0 +1,26 @@
+import { RepplyButtonVariants, ReplyPalette } from '../../../generales';
+
+export type ModalStates = 'info' | 'delete' | 'warning';
+export interface ModalProps {
+    title: string;
+    description?: string;
+    textButton?: string;
+    buttonVariant?: RepplyButtonVariants;
+    iconPosition?: 'left' | 'right';
+    buttonColor?: ReplyPalette;
+    state: ModalStates;
+    open: boolean;
+    action?: {
+        text: string;
+        fn: () => void;
+        disabled?: boolean;
+    }[];
+    buttonModal?: {
+        icon?: string;
+        text?: string;
+        color?: ReplyPalette;
+        variant?: 'text' | 'outlined' | 'contained';
+        iconPosition?: 'left' | 'right';
+        size?: "small" | "medium" | "large";
+    };
+}

package/dist/src/Components/Modal/Helpers/Utils.d.ts

@@ -0,0 +1,3 @@
+export declare const getIconComponent: (iconName?: string) => React.ElementType;
+export declare const getModalColor: (state: string) => string;
+export declare const getButtonColor: (state: string) => 'inherit' | 'info' | 'error' | 'warning';

package/dist/src/Components/Modal/Helpers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Data';
+export * from './Model';
+export * from './Utils';

package/dist/src/Components/Modal/SCModal.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ModalProps } from './Helpers';
+
+export declare const SCModal: ({ buttonModal, state, open, title, description, action, }: ModalProps) => React.JSX.Element;

package/dist/src/Components/Modal/SCModal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/Components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Helpers';
+export * from './SCModal';

package/dist/src/Components/MultiSelect/MultiSelect.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/Components/MultiSelect/SCMultiSelect.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { MultiSelectProps } from './helpers';
+
+export declare function SCMultiSelect<T>({ textButton, button, items, topPanel, actions, dense, open, selectAll, getItemLabel }: MultiSelectProps<T>): React.JSX.Element;

package/dist/src/Components/MultiSelect/example.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export default function ExamplePopTypes(): React.JSX.Element;

package/dist/src/Components/MultiSelect/helpers/Model.d.ts

@@ -0,0 +1,24 @@
+import { ReplyPalette, RepplyButtonVariants } from '../../../generales';
+
+export interface MultiSelectProps<T> {
+    textButton?: string;
+    button?: {
+        icon?: string;
+        text?: string;
+        color?: ReplyPalette;
+        variant?: RepplyButtonVariants;
+        iconPosition?: 'left' | 'right';
+        size?: "small" | "medium" | "large";
+    };
+    topPanel?: React.ReactNode;
+    dense?: boolean;
+    open: boolean;
+    selectAll?: boolean;
+    items: T[];
+    getItemLabel: (item: T) => string;
+    actions?: {
+        text: string;
+        fn: () => void;
+        disabled?: boolean;
+    }[];
+}

package/dist/src/Components/MultiSelect/helpers/Utils.d.ts

@@ -0,0 +1,3 @@
+export declare function getIconMultiSelect(name: string): import('@mui/material/OverridableComponent').OverridableComponent<import('@mui/material').SvgIconTypeMap<{}, "svg">> & {
+    muiName: string;
+};

package/dist/src/Components/MultiSelect/helpers/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Model';
+export * from './useHandlers';
+export * from './Utils';
+export * from './useFilteredItems';

package/dist/src/Components/MultiSelect/helpers/useFilteredItems.d.ts

@@ -0,0 +1,4 @@
+export declare function useFilteredItems<T>(items: T[], filterValue: string, getItemLabel: (item: T) => string, selectedItems: T[]): {
+    filteredItems: T[];
+    sortedItems: T[];
+};

package/dist/src/Components/MultiSelect/helpers/useHandlers.d.ts

@@ -0,0 +1,12 @@
+export declare function useMultiSelectHandlers<T>(): {
+    anchorEl: HTMLButtonElement | null;
+    open: boolean;
+    selectedItems: T[];
+    filterValue: string;
+    setSelectedItems: import('react').Dispatch<import('react').SetStateAction<T[]>>;
+    handleOpen: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    handleClose: () => void;
+    handleFilterChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleCheckboxToggle: (item: T) => void;
+    setOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+};

package/dist/src/Components/MultiSelect/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SCMultiSelect';
+export * from './helpers';

package/dist/src/Components/PageHeader/Model.d.ts

@@ -0,0 +1,8 @@
+export interface PageheaderProperties {
+    title: string | React.ReactNode;
+    subtitle?: string | React.ReactNode;
+    actions?: React.ReactNode;
+    buttonBack?: React.ReactNode;
+    fixed?: boolean;
+    shadow?: boolean;
+}

package/dist/src/Components/PageHeader/PageHeader.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { PageheaderProperties } from './Model';
+
+export declare const PageHeader: ({ title, subtitle, actions, buttonBack, fixed, shadow, }: PageheaderProperties) => React.JSX.Element;

package/dist/src/Components/PageHeader/PageHeader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/Components/PageHeader/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PageHeader';
+export * from './Model';

package/dist/src/Components/SCAutocomplete.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+
+interface SCAutocompleteProps<T> {
+    label?: string;
+    data: T[];
+    columnGroup?: string;
+    getItemValue: (item: T) => {
+        icon?: any;
+        text: string;
+        value: string;
+    };
+    type?: "normal" | "multiselect";
+    checkMassive?: boolean;
+    deleteType?: "button" | "icon";
+    required?: boolean;
+    disabled?: boolean;
+    background?: string;
+    fnAplicar?: () => void | React.ReactNode;
+    setState: React.Dispatch<React.SetStateAction<any>>;
+    state: {
+        hiddenValue: string | string[];
+        textValue: string | string[];
+    };
+}
+export declare function SCAutocomplete<T>({ label, data, columnGroup, getItemValue, type, checkMassive, deleteType, fnAplicar, required, disabled, background, setState, state, }: SCAutocompleteProps<T>): React.JSX.Element;
+export {};

package/dist/src/Components/SCCalendarSwipeable.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+interface SCCalendarSwipeableProps {
+    background?: string;
+    setState: React.Dispatch<React.SetStateAction<string>>;
+    state: string | any;
+}
+export declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendarSwipeableProps) => React.JSX.Element;
+export {};

package/dist/src/Components/SCDataGrid.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+
+interface SCDataGridProps {
+    data: any;
+    columns: any;
+    rowsTable?: number;
+    checkboxSelection?: boolean;
+    width?: string | number;
+    height?: number;
+    maxHeight?: number;
+    density?: "compact" | "standard" | "comfortable";
+    agrupacion?: boolean;
+    columnsGrouping?: number;
+    groupingColDef?: any;
+    getTreeDataPath?: (row: any) => string[] | [];
+    otherProps?: any;
+}
+export declare const SCDataGrid: ({ data, columns, rowsTable, checkboxSelection, width, height, maxHeight, density, agrupacion, groupingColDef, getTreeDataPath, ...props }: SCDataGridProps) => React.JSX.Element;
+export {};

package/dist/src/Components/SCDialog.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+import { ReplyPalette } from '../stories/Generales/types';
+
+import * as Muicon from "@mui/icons-material";
+interface SCDialogProps {
+    title?: string;
+    iconTitle?: React.ReactNode | React.ReactElement | keyof typeof Muicon;
+    subtitle?: string;
+    content?: any;
+    actions?: {
+        text: string;
+        fn: () => void;
+        disabled?: boolean;
+    }[];
+    buttonDialog?: {
+        icon?: string;
+        text?: string;
+        color?: ReplyPalette;
+        tooltip?: string;
+        variant?: 'text' | 'outlined' | 'contained';
+        iconPosition?: 'left' | 'right' | undefined;
+    };
+    disableClose?: boolean;
+    dividers?: boolean;
+    widthContent?: 'extra-small' | 'small' | 'medium' | 'large' | 'extra-large';
+    heightContent?: string;
+    background?: string;
+    setShow?: React.Dispatch<React.SetStateAction<boolean>>;
+    show?: boolean | any;
+}
+export declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, setShow, show }: SCDialogProps) => React.JSX.Element;
+export {};

package/dist/src/Components/SCMenu.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+
+interface Option {
+    name?: string;
+    iconLeft?: any | React.ReactNode | React.ReactElement | React.ElementType | null;
+    iconRight?: any | React.ReactNode | React.ReactElement | React.ElementType | null;
+    divider?: boolean;
+    page: React.ReactNode | React.ReactElement;
+}
+interface SCMenuProps {
+    header?: any;
+    options: Option[];
+    defaultOption?: string;
+    disable?: boolean;
+    widthMenu?: string;
+    heightMenu?: string;
+    widthPage?: string;
+}
+export declare const SCMenu: ({ header, options, defaultOption, disable, widthMenu, heightMenu, widthPage }: SCMenuProps) => React.JSX.Element;
+export {};

package/dist/src/Components/SCTabs.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+
+interface Option {
+    name?: string;
+    iconOrBadge: string | number | null | undefined | any | React.ReactNode | React.ReactElement | React.ElementType;
+    disabled?: boolean;
+    page: React.ReactNode | React.ReactElement;
+}
+interface SCTabsProps {
+    options: Option[];
+    defaultOption?: string;
+    typeIcon?: "badge" | "icon";
+    background?: string;
+    iconPosition?: "top" | "bottom" | "start" | "end";
+    colorTab?: "secondary" | "primary";
+    orientation?: "horizontal" | "vertical";
+    variant?: "standard" | "fullWidth" | "scrollable";
+    scrollButtons?: boolean;
+    children?: any;
+}
+export declare const SCTabs: ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }: SCTabsProps) => React.JSX.Element;
+export {};

package/dist/src/Components/TextArea/Helpers/Model.d.ts

@@ -0,0 +1,23 @@
+import { ReplyTextPalette, ReplyVariants } from '../../../generales';
+import * as Muicon from "@mui/icons-material";
+export interface SCTextAreaProps {
+    title?: string;
+    iconTitle?: keyof typeof Muicon;
+    infoTitle?: {
+        text?: string;
+        component?: "tooltip" | "popover";
+    };
+    colorTitle?: ReplyTextPalette;
+    placeholder?: string;
+    label?: string;
+    width?: string;
+    required?: boolean;
+    background?: string;
+    variant?: ReplyVariants;
+    disabled?: boolean;
+    rows?: number;
+    maxLength?: number;
+    value: string;
+    state: React.Dispatch<React.SetStateAction<string>>;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+}

package/dist/src/Components/TextArea/Helpers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Model';
+export * from './validateIcon';

package/dist/src/Components/TextArea/Helpers/validateIcon.d.ts

@@ -0,0 +1,3 @@
+import { ComponentType } from 'react';
+
+export declare function getIcon(name?: string): ComponentType | null;

package/dist/src/Components/TextArea/SCTextArea.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SCTextAreaProps } from './Helpers';
+
+export declare const SCTextArea: ({ title, iconTitle, infoTitle, label, placeholder, maxLength, variant, disabled, required, width, rows, colorTitle, background, state, value, onBlur, }: SCTextAreaProps) => React.JSX.Element;

package/dist/src/Components/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Helpers';
+export * from './SCTextArea';

package/dist/src/Components/Textfield/Helpers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './validateIcon';
+export * from './validateKeyDown';
+export * from './validateOnBlur';

package/dist/src/Components/Textfield/Helpers/validateIcon.d.ts

@@ -0,0 +1,4 @@
+import { ElementType } from 'react';
+
+export declare function getIconComponent(name: string | ElementType): ElementType | undefined;
+export declare function getIconValidation(name: string | any): "icon" | "text";

package/dist/src/Components/Textfield/Helpers/validateKeyDown.d.ts

@@ -0,0 +1 @@
+export declare function validateKeyDown(event: React.KeyboardEvent<HTMLInputElement>, format?: string): void;

package/dist/src/Components/Textfield/Helpers/validateOnBlur.d.ts

@@ -0,0 +1,10 @@
+import { FocusEvent } from 'react';
+
+type HandleBlurProps = {
+    value: string;
+    required?: boolean;
+    setError: (val: boolean) => void;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+};
+export declare const validateOnBlurField: ({ value, required, setError, onBlur, }: HandleBlurProps) => (event: FocusEvent<HTMLInputElement>) => void;
+export {};

package/dist/src/Components/Textfield/Model.d.ts

@@ -0,0 +1,32 @@
+import { ReplyPalette } from '../../generales';
+
+export interface SCTextFieldProps {
+    title?: string;
+    iconTitle?: string;
+    infoTitle?: {
+        text?: string;
+        component?: "tooltip" | "popover";
+    };
+    label?: string;
+    placeholder?: string;
+    color?: ReplyPalette;
+    width?: string;
+    background?: string;
+    format?: 'int' | 'text' | 'password' | 'decimal';
+    iconInputStart?: string;
+    iconInputEnd?: string;
+    infoElement?: {
+        text?: string;
+        component?: "tooltip" | "popover";
+    };
+    size?: "small" | "medium";
+    variant?: "outlined" | "filled" | "standard";
+    value: string;
+    maxLength?: number;
+    disabled?: boolean;
+    required?: boolean;
+    state: React.Dispatch<React.SetStateAction<string>>;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+}

package/dist/src/Components/Textfield/SCTextField.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { SCTextFieldProps } from './Model';
+
+export declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, color, background, state, value, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React.JSX.Element;

package/dist/src/Components/Textfield/Textfield.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/Components/Textfield/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Model';
+export * from './SCTextField';

package/dist/src/Components/ToastNotification/Model.d.ts

@@ -0,0 +1,14 @@
+export type ToastType = 'success' | 'error' | 'warning' | 'info';
+export interface ToastBaseProperties {
+    type?: ToastType;
+    title: string;
+    subtitle?: string;
+    time?: number;
+    listITems?: string[];
+    seeMore?: boolean;
+    actions?: {
+        text: string;
+        fn: () => void;
+        disabled?: boolean;
+    }[];
+}

package/dist/src/Components/ToastNotification/SCToastNotification.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ToastBaseProperties } from './Model';
+
+export declare const SCToastNotification: (toast: ToastBaseProperties) => React.JSX.Element;

package/dist/src/Components/ToastNotification/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Model';
+export * from './SCToastNotification';
+export * from './useProgress';

package/dist/src/Components/ToastNotification/useProgress.d.ts

@@ -0,0 +1,6 @@
+export declare const useProgress: (timeProgress: number, lote?: number) => {
+    progress: number;
+};
+export declare const ToastProgress: (timeProgress: number) => {
+    progressToast: number;
+};

package/dist/src/Components/index.d.ts

@@ -0,0 +1,14 @@
+export * from './Drawer';
+export * from './ToastNotification';
+export * from './MultiSelect';
+export * from './TextArea';
+export * from './Textfield';
+export * from './SCDialog';
+export * from './SCMenu';
+export * from './SCTabs';
+export * from './FooterAction';
+export * from './Modal';
+export * from './PageHeader';
+export * from './SCCalendarSwipeable';
+export * from './SCDataGrid';
+export * from './SCAutocomplete';

package/dist/src/Pages/PruebasDavid/Test.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export declare const TestComponents: () => React.JSX.Element;

package/dist/src/Pages/PruebasNataly/PruebaPag1.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+/***************************************************************************/
+export default function PruebaPag1(): React.JSX.Element;