@itcase/ui-web 1.9.77 → 1.9.82

package/dist/types/components/Response/stories/ResponseError.stories.d.ts

@@ -0,0 +1,81 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<{
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderColorHover?: import("@itcase/types-ui").BorderColorHoverProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        descTextColor?: import("../../Text").TextProps["textColor"];
+        descTextSize?: import("../../Text").TextProps["size"];
+        descTextWeight?: import("../../Text").TextProps["textWeight"];
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
+        imageSrc?: import("../../Icon").IconProps["imageSrc"];
+        primaryButtonAfter?: import("../../Button").ButtonProps["after"];
+        primaryButtonAppearance?: import("../../Button").ButtonProps["appearance"];
+        primaryButtonBefore?: import("../../Button").ButtonProps["before"];
+        primaryButtonFill?: import("../../Button").ButtonProps["fill"];
+        primaryButtonFillHover?: import("../../Button").ButtonProps["fillHover"];
+        primaryButtonLabel?: import("../../Button").ButtonProps["label"];
+        primaryButtonLabelTextColor?: import("../../Button").ButtonProps["labelTextColor"];
+        primaryButtonLabelTextSize?: import("../../Button").ButtonProps["labelTextSize"];
+        primaryButtonShape?: import("../../Button").ButtonProps["shape"];
+        primaryButtonSize?: import("../../Button").ButtonProps["size"];
+        primaryButtonWidth?: import("../../Button").ButtonProps["width"];
+        secondaryButtonAfter?: import("../../Button").ButtonProps["after"];
+        secondaryButtonAppearance?: import("../../Button").ButtonProps["appearance"];
+        secondaryButtonBefore?: import("../../Button").ButtonProps["before"];
+        secondaryButtonFill?: import("../../Button").ButtonProps["fill"];
+        secondaryButtonFillHover?: import("../../Button").ButtonProps["fillHover"];
+        secondaryButtonLabel?: import("../../Button").ButtonProps["label"];
+        secondaryButtonLabelTextColor?: import("../../Button").ButtonProps["labelTextColor"];
+        secondaryButtonLabelTextSize?: import("../../Button").ButtonProps["labelTextSize"];
+        secondaryButtonShape?: import("../../Button").ButtonProps["shape"];
+        secondaryButtonSize?: import("../../Button").ButtonProps["size"];
+        secondaryButtonWidth?: import("../../Button").ButtonProps["width"];
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        svgFill?: import("@itcase/types-ui").SvgFillProps;
+        SvgImage?: import("react").ComponentType<import("react").SVGProps<SVGSVGElement>> | import("../../Icon").IconProps["SvgImage"];
+        svgPathFill?: import("@itcase/types-ui").SvgFillProps;
+        svgSrc?: import("../../Icon").IconProps["imageSrc"];
+        titleTextColor?: import("../../Text").TextProps["textColor"];
+        titleTextSize?: import("../../Text").TextProps["size"];
+        titleTextWeight?: import("../../Text").TextProps["textWeight"];
+    } & import("@itcase/ui-core/hooks").StyleAttributes & {
+        after?: import("react").ReactNode;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceResponseKeys;
+        before?: import("react").ReactNode;
+        className?: string;
+        dataTestId?: string;
+        dataTour?: string;
+        desc?: string;
+        isBottomButton?: boolean;
+        isSkeleton?: boolean;
+        onClickPrimaryButton?: import("../../Button").ButtonProps["onClick"];
+        onClickSecondaryButton?: import("../../Button").ButtonProps["onClick"];
+        primaryButton?: import("react").ReactNode;
+        secondaryButton?: import("react").ReactNode;
+        showPrimaryButton?: boolean;
+        showSecondaryButton?: boolean;
+        style?: import("react").CSSProperties;
+        title?: string;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    args: {
+        appearance: "error";
+        primaryButtonLabel: string;
+        secondaryButtonLabel: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const IconTitleDesc: Story;
+export declare const IconTitle: Story;
+export declare const IconDesc: Story;
+export declare const TitleDesc: Story;
+export declare const Title: Story;
+export declare const Desc: Story;

package/dist/types/components/Response/stories/ResponseError.stories.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { responseIcon } from '../img';
+import { Response } from '../Response';
+const meta = {
+    title: 'Molecules / Response / Error',
+    component: Response,
+    args: {
+        appearance: 'error',
+        primaryButtonLabel: 'Primary Button',
+        secondaryButtonLabel: 'Secondary Button',
+    },
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+export const IconTitleDesc = {
+    args: {
+        title: 'Title',
+        desc: 'Description',
+        SvgImage: responseIcon.Error,
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const IconTitle = {
+    args: {
+        title: 'Title',
+        SvgImage: responseIcon.Error,
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const IconDesc = {
+    args: {
+        desc: 'Description',
+        SvgImage: responseIcon.Error,
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const TitleDesc = {
+    args: {
+        title: 'Title',
+        desc: 'Description',
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const Title = {
+    args: {
+        title: 'Title',
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const Desc = {
+    args: {
+        desc: 'Description',
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};

package/dist/types/components/Response/stories/ResponseFail.stories.d.ts

@@ -0,0 +1,81 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<{
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderColorHover?: import("@itcase/types-ui").BorderColorHoverProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        descTextColor?: import("../../Text").TextProps["textColor"];
+        descTextSize?: import("../../Text").TextProps["size"];
+        descTextWeight?: import("../../Text").TextProps["textWeight"];
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
+        imageSrc?: import("../../Icon").IconProps["imageSrc"];
+        primaryButtonAfter?: import("../../Button").ButtonProps["after"];
+        primaryButtonAppearance?: import("../../Button").ButtonProps["appearance"];
+        primaryButtonBefore?: import("../../Button").ButtonProps["before"];
+        primaryButtonFill?: import("../../Button").ButtonProps["fill"];
+        primaryButtonFillHover?: import("../../Button").ButtonProps["fillHover"];
+        primaryButtonLabel?: import("../../Button").ButtonProps["label"];
+        primaryButtonLabelTextColor?: import("../../Button").ButtonProps["labelTextColor"];
+        primaryButtonLabelTextSize?: import("../../Button").ButtonProps["labelTextSize"];
+        primaryButtonShape?: import("../../Button").ButtonProps["shape"];
+        primaryButtonSize?: import("../../Button").ButtonProps["size"];
+        primaryButtonWidth?: import("../../Button").ButtonProps["width"];
+        secondaryButtonAfter?: import("../../Button").ButtonProps["after"];
+        secondaryButtonAppearance?: import("../../Button").ButtonProps["appearance"];
+        secondaryButtonBefore?: import("../../Button").ButtonProps["before"];
+        secondaryButtonFill?: import("../../Button").ButtonProps["fill"];
+        secondaryButtonFillHover?: import("../../Button").ButtonProps["fillHover"];
+        secondaryButtonLabel?: import("../../Button").ButtonProps["label"];
+        secondaryButtonLabelTextColor?: import("../../Button").ButtonProps["labelTextColor"];
+        secondaryButtonLabelTextSize?: import("../../Button").ButtonProps["labelTextSize"];
+        secondaryButtonShape?: import("../../Button").ButtonProps["shape"];
+        secondaryButtonSize?: import("../../Button").ButtonProps["size"];
+        secondaryButtonWidth?: import("../../Button").ButtonProps["width"];
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        svgFill?: import("@itcase/types-ui").SvgFillProps;
+        SvgImage?: import("react").ComponentType<import("react").SVGProps<SVGSVGElement>> | import("../../Icon").IconProps["SvgImage"];
+        svgPathFill?: import("@itcase/types-ui").SvgFillProps;
+        svgSrc?: import("../../Icon").IconProps["imageSrc"];
+        titleTextColor?: import("../../Text").TextProps["textColor"];
+        titleTextSize?: import("../../Text").TextProps["size"];
+        titleTextWeight?: import("../../Text").TextProps["textWeight"];
+    } & import("@itcase/ui-core/hooks").StyleAttributes & {
+        after?: import("react").ReactNode;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceResponseKeys;
+        before?: import("react").ReactNode;
+        className?: string;
+        dataTestId?: string;
+        dataTour?: string;
+        desc?: string;
+        isBottomButton?: boolean;
+        isSkeleton?: boolean;
+        onClickPrimaryButton?: import("../../Button").ButtonProps["onClick"];
+        onClickSecondaryButton?: import("../../Button").ButtonProps["onClick"];
+        primaryButton?: import("react").ReactNode;
+        secondaryButton?: import("react").ReactNode;
+        showPrimaryButton?: boolean;
+        showSecondaryButton?: boolean;
+        style?: import("react").CSSProperties;
+        title?: string;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    args: {
+        appearance: "fail";
+        primaryButtonLabel: string;
+        secondaryButtonLabel: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const IconTitleDesc: Story;
+export declare const IconTitle: Story;
+export declare const IconDesc: Story;
+export declare const TitleDesc: Story;
+export declare const Title: Story;
+export declare const Desc: Story;

package/dist/types/components/Response/stories/ResponseFail.stories.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { responseIcon } from '../img';
+import { Response } from '../Response';
+const meta = {
+    title: 'Molecules / Response / Fail',
+    component: Response,
+    args: {
+        appearance: 'fail',
+        primaryButtonLabel: 'Primary Button',
+        secondaryButtonLabel: 'Secondary Button',
+    },
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+export const IconTitleDesc = {
+    args: {
+        title: 'Title',
+        desc: 'Description',
+        SvgImage: responseIcon.Fail,
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const IconTitle = {
+    args: {
+        title: 'Title',
+        SvgImage: responseIcon.Fail,
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const IconDesc = {
+    args: {
+        desc: 'Description',
+        SvgImage: responseIcon.Fail,
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const TitleDesc = {
+    args: {
+        title: 'Title',
+        desc: 'Description',
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const Title = {
+    args: {
+        title: 'Title',
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const Desc = {
+    args: {
+        desc: 'Description',
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};

package/dist/types/components/Response/stories/ResponseNothingFound.stories.d.ts

@@ -0,0 +1,81 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<{
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderColorHover?: import("@itcase/types-ui").BorderColorHoverProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        descTextColor?: import("../../Text").TextProps["textColor"];
+        descTextSize?: import("../../Text").TextProps["size"];
+        descTextWeight?: import("../../Text").TextProps["textWeight"];
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
+        imageSrc?: import("../../Icon").IconProps["imageSrc"];
+        primaryButtonAfter?: import("../../Button").ButtonProps["after"];
+        primaryButtonAppearance?: import("../../Button").ButtonProps["appearance"];
+        primaryButtonBefore?: import("../../Button").ButtonProps["before"];
+        primaryButtonFill?: import("../../Button").ButtonProps["fill"];
+        primaryButtonFillHover?: import("../../Button").ButtonProps["fillHover"];
+        primaryButtonLabel?: import("../../Button").ButtonProps["label"];
+        primaryButtonLabelTextColor?: import("../../Button").ButtonProps["labelTextColor"];
+        primaryButtonLabelTextSize?: import("../../Button").ButtonProps["labelTextSize"];
+        primaryButtonShape?: import("../../Button").ButtonProps["shape"];
+        primaryButtonSize?: import("../../Button").ButtonProps["size"];
+        primaryButtonWidth?: import("../../Button").ButtonProps["width"];
+        secondaryButtonAfter?: import("../../Button").ButtonProps["after"];
+        secondaryButtonAppearance?: import("../../Button").ButtonProps["appearance"];
+        secondaryButtonBefore?: import("../../Button").ButtonProps["before"];
+        secondaryButtonFill?: import("../../Button").ButtonProps["fill"];
+        secondaryButtonFillHover?: import("../../Button").ButtonProps["fillHover"];
+        secondaryButtonLabel?: import("../../Button").ButtonProps["label"];
+        secondaryButtonLabelTextColor?: import("../../Button").ButtonProps["labelTextColor"];
+        secondaryButtonLabelTextSize?: import("../../Button").ButtonProps["labelTextSize"];
+        secondaryButtonShape?: import("../../Button").ButtonProps["shape"];
+        secondaryButtonSize?: import("../../Button").ButtonProps["size"];
+        secondaryButtonWidth?: import("../../Button").ButtonProps["width"];
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        svgFill?: import("@itcase/types-ui").SvgFillProps;
+        SvgImage?: import("react").ComponentType<import("react").SVGProps<SVGSVGElement>> | import("../../Icon").IconProps["SvgImage"];
+        svgPathFill?: import("@itcase/types-ui").SvgFillProps;
+        svgSrc?: import("../../Icon").IconProps["imageSrc"];
+        titleTextColor?: import("../../Text").TextProps["textColor"];
+        titleTextSize?: import("../../Text").TextProps["size"];
+        titleTextWeight?: import("../../Text").TextProps["textWeight"];
+    } & import("@itcase/ui-core/hooks").StyleAttributes & {
+        after?: import("react").ReactNode;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceResponseKeys;
+        before?: import("react").ReactNode;
+        className?: string;
+        dataTestId?: string;
+        dataTour?: string;
+        desc?: string;
+        isBottomButton?: boolean;
+        isSkeleton?: boolean;
+        onClickPrimaryButton?: import("../../Button").ButtonProps["onClick"];
+        onClickSecondaryButton?: import("../../Button").ButtonProps["onClick"];
+        primaryButton?: import("react").ReactNode;
+        secondaryButton?: import("react").ReactNode;
+        showPrimaryButton?: boolean;
+        showSecondaryButton?: boolean;
+        style?: import("react").CSSProperties;
+        title?: string;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    args: {
+        appearance: "nothingFound";
+        primaryButtonLabel: string;
+        secondaryButtonLabel: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const IconTitleDesc: Story;
+export declare const IconTitle: Story;
+export declare const IconDesc: Story;
+export declare const TitleDesc: Story;
+export declare const Title: Story;
+export declare const Desc: Story;

package/dist/types/components/Response/stories/ResponseNothingFound.stories.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { responseIcon } from '../img';
+import { Response } from '../Response';
+const meta = {
+    title: 'Molecules / Response / NothingFound',
+    component: Response,
+    args: {
+        appearance: 'nothingFound',
+        primaryButtonLabel: 'Primary Button',
+        secondaryButtonLabel: 'Secondary Button',
+    },
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+export const IconTitleDesc = {
+    args: {
+        title: 'Title',
+        desc: 'Description',
+        SvgImage: responseIcon.NothingFound,
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const IconTitle = {
+    args: {
+        title: 'Title',
+        SvgImage: responseIcon.NothingFound,
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const IconDesc = {
+    args: {
+        desc: 'Description',
+        SvgImage: responseIcon.NothingFound,
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const TitleDesc = {
+    args: {
+        title: 'Title',
+        desc: 'Description',
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const Title = {
+    args: {
+        title: 'Title',
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const Desc = {
+    args: {
+        desc: 'Description',
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};

package/dist/types/components/Response/stories/ResponseRefresh.stories.d.ts

@@ -0,0 +1,81 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<{
+        borderColor?: import("@itcase/types-ui").BorderColorProps;
+        borderColorHover?: import("@itcase/types-ui").BorderColorHoverProps;
+        borderType?: import("@itcase/types-ui").BorderTypeProps;
+        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
+        descTextColor?: import("../../Text").TextProps["textColor"];
+        descTextSize?: import("../../Text").TextProps["size"];
+        descTextWeight?: import("../../Text").TextProps["textWeight"];
+        fill?: import("@itcase/types-ui").FillProps;
+        fillHover?: import("@itcase/types-ui").FillHoverProps;
+        imageSrc?: import("../../Icon").IconProps["imageSrc"];
+        primaryButtonAfter?: import("../../Button").ButtonProps["after"];
+        primaryButtonAppearance?: import("../../Button").ButtonProps["appearance"];
+        primaryButtonBefore?: import("../../Button").ButtonProps["before"];
+        primaryButtonFill?: import("../../Button").ButtonProps["fill"];
+        primaryButtonFillHover?: import("../../Button").ButtonProps["fillHover"];
+        primaryButtonLabel?: import("../../Button").ButtonProps["label"];
+        primaryButtonLabelTextColor?: import("../../Button").ButtonProps["labelTextColor"];
+        primaryButtonLabelTextSize?: import("../../Button").ButtonProps["labelTextSize"];
+        primaryButtonShape?: import("../../Button").ButtonProps["shape"];
+        primaryButtonSize?: import("../../Button").ButtonProps["size"];
+        primaryButtonWidth?: import("../../Button").ButtonProps["width"];
+        secondaryButtonAfter?: import("../../Button").ButtonProps["after"];
+        secondaryButtonAppearance?: import("../../Button").ButtonProps["appearance"];
+        secondaryButtonBefore?: import("../../Button").ButtonProps["before"];
+        secondaryButtonFill?: import("../../Button").ButtonProps["fill"];
+        secondaryButtonFillHover?: import("../../Button").ButtonProps["fillHover"];
+        secondaryButtonLabel?: import("../../Button").ButtonProps["label"];
+        secondaryButtonLabelTextColor?: import("../../Button").ButtonProps["labelTextColor"];
+        secondaryButtonLabelTextSize?: import("../../Button").ButtonProps["labelTextSize"];
+        secondaryButtonShape?: import("../../Button").ButtonProps["shape"];
+        secondaryButtonSize?: import("../../Button").ButtonProps["size"];
+        secondaryButtonWidth?: import("../../Button").ButtonProps["width"];
+        shape?: import("@itcase/types-ui").ShapeProps;
+        shapeStrength?: import("@itcase/types-ui").ShapeStrengthProps;
+        svgFill?: import("@itcase/types-ui").SvgFillProps;
+        SvgImage?: import("react").ComponentType<import("react").SVGProps<SVGSVGElement>> | import("../../Icon").IconProps["SvgImage"];
+        svgPathFill?: import("@itcase/types-ui").SvgFillProps;
+        svgSrc?: import("../../Icon").IconProps["imageSrc"];
+        titleTextColor?: import("../../Text").TextProps["textColor"];
+        titleTextSize?: import("../../Text").TextProps["size"];
+        titleTextWeight?: import("../../Text").TextProps["textWeight"];
+    } & import("@itcase/ui-core/hooks").StyleAttributes & {
+        after?: import("react").ReactNode;
+        appearance?: import("@itcase/types-ui").CompositeAppearanceResponseKeys;
+        before?: import("react").ReactNode;
+        className?: string;
+        dataTestId?: string;
+        dataTour?: string;
+        desc?: string;
+        isBottomButton?: boolean;
+        isSkeleton?: boolean;
+        onClickPrimaryButton?: import("../../Button").ButtonProps["onClick"];
+        onClickSecondaryButton?: import("../../Button").ButtonProps["onClick"];
+        primaryButton?: import("react").ReactNode;
+        secondaryButton?: import("react").ReactNode;
+        showPrimaryButton?: boolean;
+        showSecondaryButton?: boolean;
+        style?: import("react").CSSProperties;
+        title?: string;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    args: {
+        appearance: "refresh";
+        primaryButtonLabel: string;
+        secondaryButtonLabel: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const IconTitleDesc: Story;
+export declare const IconTitle: Story;
+export declare const IconDesc: Story;
+export declare const TitleDesc: Story;
+export declare const Title: Story;
+export declare const Desc: Story;

package/dist/types/components/Response/stories/ResponseRefresh.stories.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { responseIcon } from '../img';
+import { Response } from '../Response';
+const meta = {
+    title: 'Molecules / Response / Refresh',
+    component: Response,
+    args: {
+        appearance: 'refresh',
+        primaryButtonLabel: 'Primary Button',
+        secondaryButtonLabel: 'Secondary Button',
+    },
+    parameters: {
+        layout: 'centered',
+    },
+};
+export default meta;
+export const IconTitleDesc = {
+    args: {
+        title: 'Title',
+        desc: 'Description',
+        SvgImage: responseIcon.Refresh,
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const IconTitle = {
+    args: {
+        title: 'Title',
+        SvgImage: responseIcon.Refresh,
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const IconDesc = {
+    args: {
+        desc: 'Description',
+        SvgImage: responseIcon.Refresh,
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const TitleDesc = {
+    args: {
+        title: 'Title',
+        desc: 'Description',
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const Title = {
+    args: {
+        title: 'Title',
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};
+export const Desc = {
+    args: {
+        desc: 'Description',
+    },
+    render: (args) => {
+        return _jsx(Response, { ...args });
+    },
+};