import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { YStack } from "tamagui";
import { Card } from "./Card.native.js";
import { RenderStage } from "./storybook-utils.native.js";
var Card_stories_default = {
    component: Card
  },
  Variants = function () {
    return /* @__PURE__ */_jsxs(YStack, {
      children: [/* @__PURE__ */_jsxs(RenderStage, {
        h: 300,
        backgroundColor: "$surfaceContainerLowest",
        children: [/* @__PURE__ */_jsx(Card, {
          w: 300,
          children: /* @__PURE__ */_jsxs(Card.Header, {
            children: [/* @__PURE__ */_jsx(Card.Headline, {
              children: "Elevated"
            }), /* @__PURE__ */_jsx(Card.Subheader, {
              children: "Subheader"
            })]
          })
        }), /* @__PURE__ */_jsx(Card, {
          variant: "filled",
          w: 300,
          children: /* @__PURE__ */_jsxs(Card.Header, {
            children: [/* @__PURE__ */_jsx(Card.Headline, {
              children: "Filled"
            }), /* @__PURE__ */_jsx(Card.Subheader, {
              children: "Subheader"
            })]
          })
        }), /* @__PURE__ */_jsx(Card, {
          variant: "outlined",
          w: 300,
          children: /* @__PURE__ */_jsxs(Card.Header, {
            children: [/* @__PURE__ */_jsx(Card.Headline, {
              children: "Outlined"
            }), /* @__PURE__ */_jsx(Card.Subheader, {
              children: "Subheader"
            })]
          })
        })]
      }), /* @__PURE__ */_jsxs(RenderStage, {
        h: 300,
        backgroundColor: "$surfaceContainerLowest",
        children: [/* @__PURE__ */_jsx(Card, {
          w: 300,
          color: "primary",
          children: /* @__PURE__ */_jsxs(Card.Header, {
            children: [/* @__PURE__ */_jsx(Card.Headline, {
              children: "Primary"
            }), /* @__PURE__ */_jsx(Card.Subheader, {
              children: "Subheader"
            })]
          })
        }), /* @__PURE__ */_jsx(Card, {
          w: 300,
          color: "secondary",
          children: /* @__PURE__ */_jsxs(Card.Header, {
            children: [/* @__PURE__ */_jsx(Card.Headline, {
              children: "Secondary"
            }), /* @__PURE__ */_jsx(Card.Subheader, {
              children: "Subheader"
            })]
          })
        }), /* @__PURE__ */_jsx(Card, {
          w: 300,
          color: "tertiary",
          children: /* @__PURE__ */_jsxs(Card.Header, {
            children: [/* @__PURE__ */_jsx(Card.Headline, {
              children: "Tertiary"
            }), /* @__PURE__ */_jsx(Card.Subheader, {
              children: "Subheader"
            })]
          })
        })]
      }), /* @__PURE__ */_jsxs(RenderStage, {
        h: 300,
        backgroundColor: "$surfaceContainerLowest",
        children: [/* @__PURE__ */_jsx(Card, {
          w: 300,
          color: "success",
          children: /* @__PURE__ */_jsxs(Card.Header, {
            children: [/* @__PURE__ */_jsx(Card.Headline, {
              children: "Success"
            }), /* @__PURE__ */_jsx(Card.Subheader, {
              children: "Subheader"
            })]
          })
        }), /* @__PURE__ */_jsx(Card, {
          w: 300,
          color: "error",
          children: /* @__PURE__ */_jsxs(Card.Header, {
            children: [/* @__PURE__ */_jsx(Card.Headline, {
              children: "Error"
            }), /* @__PURE__ */_jsx(Card.Subheader, {
              children: "Subheader"
            })]
          })
        }), /* @__PURE__ */_jsx(Card, {
          w: 300,
          color: "warning",
          children: /* @__PURE__ */_jsxs(Card.Header, {
            children: [/* @__PURE__ */_jsx(Card.Headline, {
              children: "Warning"
            }), /* @__PURE__ */_jsx(Card.Subheader, {
              children: "Subheader"
            })]
          })
        })]
      })]
    });
  };
export { Variants, Card_stories_default as default };
//# sourceMappingURL=Card.stories.native.js.map
