import { default as Pagination } from './Pagination.vue';
import { default as mdx } from './Pagination.mdx';
///
declare namespace _default {
export let title: string;
export { Pagination as component };
export namespace parameters {
namespace docs {
export { mdx as page };
}
}
export let argTypes: {};
}
export default _default;
export function Primary(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
Pagination: import('vue').DefineComponent<{
loading: {
type: import('vue').PropType;
default: boolean;
};
total: {
type: import('vue').PropType;
default: undefined;
};
next: {
type: import('vue').PropType;
default: undefined;
};
previous: {
type: import('vue').PropType;
default: undefined;
};
nextButtonProps: {
type: import('vue').PropType void;
disabled: boolean;
color: import('../IconButton').IconButtonColor;
target: string;
variant: import('../IconButton').IconButtonVariant;
to: string;
}> & Omit<{
readonly size: import('../IconButton').IconButtonSize;
readonly icon: import('../Icon').IconName;
readonly disabled: boolean;
readonly color: import('../IconButton').IconButtonColor;
readonly variant: import('../IconButton').IconButtonVariant;
onClick?: (((e: MouseEvent) => void) & ((payload: MouseEvent) => any)) | undefined;
readonly target?: string | undefined;
readonly to?: string | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly;
default: "md";
};
onClick: {
type: import('vue').PropType<(e: MouseEvent) => void>;
default: undefined;
};
icon: {
type: import('vue').PropType;
required: true;
};
disabled: {
type: import('vue').PropType;
default: boolean;
};
color: {
type: import('vue').PropType;
default: "neutral";
};
target: {
type: import('vue').PropType;
default: undefined;
};
variant: {
type: import('vue').PropType;
default: "primary";
};
to: {
type: import('vue').PropType;
default: undefined;
};
}>> & {
onClick?: ((payload: MouseEvent) => any) | undefined;
}, "size" | "onClick" | "disabled" | "color" | "target" | "variant" | "to">> & Record>;
default: undefined;
};
previousButtonProps: {
type: import('vue').PropType void;
disabled: boolean;
color: import('../IconButton').IconButtonColor;
target: string;
variant: import('../IconButton').IconButtonVariant;
to: string;
}> & Omit<{
readonly size: import('../IconButton').IconButtonSize;
readonly icon: import('../Icon').IconName;
readonly disabled: boolean;
readonly color: import('../IconButton').IconButtonColor;
readonly variant: import('../IconButton').IconButtonVariant;
onClick?: (((e: MouseEvent) => void) & ((payload: MouseEvent) => any)) | undefined;
readonly target?: string | undefined;
readonly to?: string | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly;
default: "md";
};
onClick: {
type: import('vue').PropType<(e: MouseEvent) => void>;
default: undefined;
};
icon: {
type: import('vue').PropType;
required: true;
};
disabled: {
type: import('vue').PropType;
default: boolean;
};
color: {
type: import('vue').PropType;
default: "neutral";
};
target: {
type: import('vue').PropType;
default: undefined;
};
variant: {
type: import('vue').PropType;
default: "primary";
};
to: {
type: import('vue').PropType;
default: undefined;
};
}>> & {
onClick?: ((payload: MouseEvent) => any) | undefined;
}, "size" | "onClick" | "disabled" | "color" | "target" | "variant" | "to">> & Record>;
default: undefined;
};
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
next: () => void;
previous: () => void;
}, string, import('vue').PublicProps, Readonly;
default: boolean;
};
total: {
type: import('vue').PropType;
default: undefined;
};
next: {
type: import('vue').PropType;
default: undefined;
};
previous: {
type: import('vue').PropType;
default: undefined;
};
nextButtonProps: {
type: import('vue').PropType void;
disabled: boolean;
color: import('../IconButton').IconButtonColor;
target: string;
variant: import('../IconButton').IconButtonVariant;
to: string;
}> & Omit<{
readonly size: import('../IconButton').IconButtonSize;
readonly icon: import('../Icon').IconName;
readonly disabled: boolean;
readonly color: import('../IconButton').IconButtonColor;
readonly variant: import('../IconButton').IconButtonVariant;
onClick?: (((e: MouseEvent) => void) & ((payload: MouseEvent) => any)) | undefined;
readonly target?: string | undefined;
readonly to?: string | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly;
default: "md";
};
onClick: {
type: import('vue').PropType<(e: MouseEvent) => void>;
default: undefined;
};
icon: {
type: import('vue').PropType;
required: true;
};
disabled: {
type: import('vue').PropType;
default: boolean;
};
color: {
type: import('vue').PropType;
default: "neutral";
};
target: {
type: import('vue').PropType;
default: undefined;
};
variant: {
type: import('vue').PropType;
default: "primary";
};
to: {
type: import('vue').PropType;
default: undefined;
};
}>> & {
onClick?: ((payload: MouseEvent) => any) | undefined;
}, "size" | "onClick" | "disabled" | "color" | "target" | "variant" | "to">> & Record>;
default: undefined;
};
previousButtonProps: {
type: import('vue').PropType void;
disabled: boolean;
color: import('../IconButton').IconButtonColor;
target: string;
variant: import('../IconButton').IconButtonVariant;
to: string;
}> & Omit<{
readonly size: import('../IconButton').IconButtonSize;
readonly icon: import('../Icon').IconName;
readonly disabled: boolean;
readonly color: import('../IconButton').IconButtonColor;
readonly variant: import('../IconButton').IconButtonVariant;
onClick?: (((e: MouseEvent) => void) & ((payload: MouseEvent) => any)) | undefined;
readonly target?: string | undefined;
readonly to?: string | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly;
default: "md";
};
onClick: {
type: import('vue').PropType<(e: MouseEvent) => void>;
default: undefined;
};
icon: {
type: import('vue').PropType;
required: true;
};
disabled: {
type: import('vue').PropType;
default: boolean;
};
color: {
type: import('vue').PropType;
default: "neutral";
};
target: {
type: import('vue').PropType;
default: undefined;
};
variant: {
type: import('vue').PropType;
default: "primary";
};
to: {
type: import('vue').PropType;
default: undefined;
};
}>> & {
onClick?: ((payload: MouseEvent) => any) | undefined;
}, "size" | "onClick" | "disabled" | "color" | "target" | "variant" | "to">> & Record>;
default: undefined;
};
}>> & {
onNext?: (() => any) | undefined;
onPrevious?: (() => any) | undefined;
}, {
loading: boolean;
total: number;
next: string;
previous: string;
nextButtonProps: Partial void;
disabled: boolean;
color: import('../IconButton').IconButtonColor;
target: string;
variant: import('../IconButton').IconButtonVariant;
to: string;
}> & Omit<{
readonly size: import('../IconButton').IconButtonSize;
readonly icon: import('../Icon').IconName;
readonly disabled: boolean;
readonly color: import('../IconButton').IconButtonColor;
readonly variant: import('../IconButton').IconButtonVariant;
onClick?: (((e: MouseEvent) => void) & ((payload: MouseEvent) => any)) | undefined;
readonly target?: string | undefined;
readonly to?: string | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly;
default: "md";
};
onClick: {
type: import('vue').PropType<(e: MouseEvent) => void>;
default: undefined;
};
icon: {
type: import('vue').PropType;
required: true;
};
disabled: {
type: import('vue').PropType;
default: boolean;
};
color: {
type: import('vue').PropType;
default: "neutral";
};
target: {
type: import('vue').PropType;
default: undefined;
};
variant: {
type: import('vue').PropType;
default: "primary";
};
to: {
type: import('vue').PropType;
default: undefined;
};
}>> & {
onClick?: ((payload: MouseEvent) => any) | undefined;
}, "size" | "onClick" | "disabled" | "color" | "target" | "variant" | "to">> & Record;
previousButtonProps: Partial void;
disabled: boolean;
color: import('../IconButton').IconButtonColor;
target: string;
variant: import('../IconButton').IconButtonVariant;
to: string;
}> & Omit<{
readonly size: import('../IconButton').IconButtonSize;
readonly icon: import('../Icon').IconName;
readonly disabled: boolean;
readonly color: import('../IconButton').IconButtonColor;
readonly variant: import('../IconButton').IconButtonVariant;
onClick?: (((e: MouseEvent) => void) & ((payload: MouseEvent) => any)) | undefined;
readonly target?: string | undefined;
readonly to?: string | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly;
default: "md";
};
onClick: {
type: import('vue').PropType<(e: MouseEvent) => void>;
default: undefined;
};
icon: {
type: import('vue').PropType;
required: true;
};
disabled: {
type: import('vue').PropType;
default: boolean;
};
color: {
type: import('vue').PropType;
default: "neutral";
};
target: {
type: import('vue').PropType;
default: undefined;
};
variant: {
type: import('vue').PropType;
default: "primary";
};
to: {
type: import('vue').PropType;
default: undefined;
};
}>> & {
onClick?: ((payload: MouseEvent) => any) | undefined;
}, "size" | "onClick" | "disabled" | "color" | "target" | "variant" | "to">> & Record;
}, {}>;
};
setup: () => {
args: any;
};
template: string;
};
export namespace Primary {
namespace args {
let total: number;
let next: string;
}
}
export function Loading(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
Pagination: import('vue').DefineComponent<{
loading: {
type: import('vue').PropType;
default: boolean;
};
total: {
type: import('vue').PropType;
default: undefined;
};
next: {
type: import('vue').PropType;
default: undefined;
};
previous: {
type: import('vue').PropType;
default: undefined;
};
nextButtonProps: {
type: import('vue').PropType void;
disabled: boolean;
color: import('../IconButton').IconButtonColor;
target: string;
variant: import('../IconButton').IconButtonVariant;
to: string;
}> & Omit<{
readonly size: import('../IconButton').IconButtonSize;
readonly icon: import('../Icon').IconName;
readonly disabled: boolean;
readonly color: import('../IconButton').IconButtonColor;
readonly variant: import('../IconButton').IconButtonVariant;
onClick?: (((e: MouseEvent) => void) & ((payload: MouseEvent) => any)) | undefined;
readonly target?: string | undefined;
readonly to?: string | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly;
default: "md";
};
onClick: {
type: import('vue').PropType<(e: MouseEvent) => void>;
default: undefined;
};
icon: {
type: import('vue').PropType;
required: true;
};
disabled: {
type: import('vue').PropType;
default: boolean;
};
color: {
type: import('vue').PropType;
default: "neutral";
};
target: {
type: import('vue').PropType;
default: undefined;
};
variant: {
type: import('vue').PropType;
default: "primary";
};
to: {
type: import('vue').PropType;
default: undefined;
};
}>> & {
onClick?: ((payload: MouseEvent) => any) | undefined;
}, "size" | "onClick" | "disabled" | "color" | "target" | "variant" | "to">> & Record>;
default: undefined;
};
previousButtonProps: {
type: import('vue').PropType void;
disabled: boolean;
color: import('../IconButton').IconButtonColor;
target: string;
variant: import('../IconButton').IconButtonVariant;
to: string;
}> & Omit<{
readonly size: import('../IconButton').IconButtonSize;
readonly icon: import('../Icon').IconName;
readonly disabled: boolean;
readonly color: import('../IconButton').IconButtonColor;
readonly variant: import('../IconButton').IconButtonVariant;
onClick?: (((e: MouseEvent) => void) & ((payload: MouseEvent) => any)) | undefined;
readonly target?: string | undefined;
readonly to?: string | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly;
default: "md";
};
onClick: {
type: import('vue').PropType<(e: MouseEvent) => void>;
default: undefined;
};
icon: {
type: import('vue').PropType;
required: true;
};
disabled: {
type: import('vue').PropType;
default: boolean;
};
color: {
type: import('vue').PropType;
default: "neutral";
};
target: {
type: import('vue').PropType;
default: undefined;
};
variant: {
type: import('vue').PropType;
default: "primary";
};
to: {
type: import('vue').PropType;
default: undefined;
};
}>> & {
onClick?: ((payload: MouseEvent) => any) | undefined;
}, "size" | "onClick" | "disabled" | "color" | "target" | "variant" | "to">> & Record>;
default: undefined;
};
}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
next: () => void;
previous: () => void;
}, string, import('vue').PublicProps, Readonly;
default: boolean;
};
total: {
type: import('vue').PropType;
default: undefined;
};
next: {
type: import('vue').PropType;
default: undefined;
};
previous: {
type: import('vue').PropType;
default: undefined;
};
nextButtonProps: {
type: import('vue').PropType void;
disabled: boolean;
color: import('../IconButton').IconButtonColor;
target: string;
variant: import('../IconButton').IconButtonVariant;
to: string;
}> & Omit<{
readonly size: import('../IconButton').IconButtonSize;
readonly icon: import('../Icon').IconName;
readonly disabled: boolean;
readonly color: import('../IconButton').IconButtonColor;
readonly variant: import('../IconButton').IconButtonVariant;
onClick?: (((e: MouseEvent) => void) & ((payload: MouseEvent) => any)) | undefined;
readonly target?: string | undefined;
readonly to?: string | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly;
default: "md";
};
onClick: {
type: import('vue').PropType<(e: MouseEvent) => void>;
default: undefined;
};
icon: {
type: import('vue').PropType;
required: true;
};
disabled: {
type: import('vue').PropType;
default: boolean;
};
color: {
type: import('vue').PropType;
default: "neutral";
};
target: {
type: import('vue').PropType;
default: undefined;
};
variant: {
type: import('vue').PropType;
default: "primary";
};
to: {
type: import('vue').PropType;
default: undefined;
};
}>> & {
onClick?: ((payload: MouseEvent) => any) | undefined;
}, "size" | "onClick" | "disabled" | "color" | "target" | "variant" | "to">> & Record>;
default: undefined;
};
previousButtonProps: {
type: import('vue').PropType void;
disabled: boolean;
color: import('../IconButton').IconButtonColor;
target: string;
variant: import('../IconButton').IconButtonVariant;
to: string;
}> & Omit<{
readonly size: import('../IconButton').IconButtonSize;
readonly icon: import('../Icon').IconName;
readonly disabled: boolean;
readonly color: import('../IconButton').IconButtonColor;
readonly variant: import('../IconButton').IconButtonVariant;
onClick?: (((e: MouseEvent) => void) & ((payload: MouseEvent) => any)) | undefined;
readonly target?: string | undefined;
readonly to?: string | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly;
default: "md";
};
onClick: {
type: import('vue').PropType<(e: MouseEvent) => void>;
default: undefined;
};
icon: {
type: import('vue').PropType;
required: true;
};
disabled: {
type: import('vue').PropType;
default: boolean;
};
color: {
type: import('vue').PropType;
default: "neutral";
};
target: {
type: import('vue').PropType;
default: undefined;
};
variant: {
type: import('vue').PropType;
default: "primary";
};
to: {
type: import('vue').PropType;
default: undefined;
};
}>> & {
onClick?: ((payload: MouseEvent) => any) | undefined;
}, "size" | "onClick" | "disabled" | "color" | "target" | "variant" | "to">> & Record>;
default: undefined;
};
}>> & {
onNext?: (() => any) | undefined;
onPrevious?: (() => any) | undefined;
}, {
loading: boolean;
total: number;
next: string;
previous: string;
nextButtonProps: Partial void;
disabled: boolean;
color: import('../IconButton').IconButtonColor;
target: string;
variant: import('../IconButton').IconButtonVariant;
to: string;
}> & Omit<{
readonly size: import('../IconButton').IconButtonSize;
readonly icon: import('../Icon').IconName;
readonly disabled: boolean;
readonly color: import('../IconButton').IconButtonColor;
readonly variant: import('../IconButton').IconButtonVariant;
onClick?: (((e: MouseEvent) => void) & ((payload: MouseEvent) => any)) | undefined;
readonly target?: string | undefined;
readonly to?: string | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly;
default: "md";
};
onClick: {
type: import('vue').PropType<(e: MouseEvent) => void>;
default: undefined;
};
icon: {
type: import('vue').PropType;
required: true;
};
disabled: {
type: import('vue').PropType;
default: boolean;
};
color: {
type: import('vue').PropType;
default: "neutral";
};
target: {
type: import('vue').PropType;
default: undefined;
};
variant: {
type: import('vue').PropType;
default: "primary";
};
to: {
type: import('vue').PropType;
default: undefined;
};
}>> & {
onClick?: ((payload: MouseEvent) => any) | undefined;
}, "size" | "onClick" | "disabled" | "color" | "target" | "variant" | "to">> & Record;
previousButtonProps: Partial void;
disabled: boolean;
color: import('../IconButton').IconButtonColor;
target: string;
variant: import('../IconButton').IconButtonVariant;
to: string;
}> & Omit<{
readonly size: import('../IconButton').IconButtonSize;
readonly icon: import('../Icon').IconName;
readonly disabled: boolean;
readonly color: import('../IconButton').IconButtonColor;
readonly variant: import('../IconButton').IconButtonVariant;
onClick?: (((e: MouseEvent) => void) & ((payload: MouseEvent) => any)) | undefined;
readonly target?: string | undefined;
readonly to?: string | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly;
default: "md";
};
onClick: {
type: import('vue').PropType<(e: MouseEvent) => void>;
default: undefined;
};
icon: {
type: import('vue').PropType;
required: true;
};
disabled: {
type: import('vue').PropType;
default: boolean;
};
color: {
type: import('vue').PropType;
default: "neutral";
};
target: {
type: import('vue').PropType;
default: undefined;
};
variant: {
type: import('vue').PropType;
default: "primary";
};
to: {
type: import('vue').PropType;
default: undefined;
};
}>> & {
onClick?: ((payload: MouseEvent) => any) | undefined;
}, "size" | "onClick" | "disabled" | "color" | "target" | "variant" | "to">> & Record;
}, {}>;
};
setup: () => {
args: any;
};
template: string;
};
export namespace Loading {
export namespace args_1 {
let total_1: number;
export { total_1 as total };
export let loading: boolean;
let next_1: string;
export { next_1 as next };
}
export { args_1 as args };
}