import { YStack } from "tamagui";
import { Card } from "./Card.mjs";
import { RenderStage } from "./storybook-utils.mjs";
import { jsx, jsxs } from "react/jsx-runtime";
var Card_stories_default = {
  component: Card
};
const Variants = () => /* @__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.mjs.map
