var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/components/pisellMetricCard/PisellMetricCard.stories.tsx
var PisellMetricCard_stories_exports = {};
__export(PisellMetricCard_stories_exports, {
  Basic: () => Basic,
  Complete: () => Complete,
  CustomStyle: () => CustomStyle,
  EmptyValue: () => EmptyValue,
  Loading: () => Loading,
  MultipleCards: () => MultipleCards,
  NegativeTrend: () => NegativeTrend,
  PositiveTrend: () => PositiveTrend,
  WithCurrency: () => WithCurrency,
  WithGrouping: () => WithGrouping,
  WithPrecision: () => WithPrecision,
  WithTag: () => WithTag,
  default: () => PisellMetricCard_stories_default
});
module.exports = __toCommonJS(PisellMetricCard_stories_exports);
var import_antd = require("antd");
var import_PisellMetricCard = __toESM(require("./PisellMetricCard"));
var meta = {
  title: "Data Display/PisellMetricCard",
  component: import_PisellMetricCard.default,
  tags: ["autodocs"],
  argTypes: {
    title: {
      description: "标题文本",
      control: "text"
    },
    value: {
      description: "主数值",
      control: "number"
    }
  }
};
var PisellMetricCard_stories_default = meta;
var Basic = {
  args: {
    title: "Total Sales",
    value: 1580
  }
};
var WithCurrency = {
  args: {
    title: "Revenue",
    value: 1580,
    format: {
      showCurrencySymbol: true,
      currencySymbol: "$"
    }
  }
};
var PositiveTrend = {
  args: {
    title: "Total Orders",
    value: 50,
    comparison: {
      value: 12
    }
  }
};
var NegativeTrend = {
  args: {
    title: "Total Items",
    value: 3249,
    comparison: {
      value: -230
    }
  }
};
var WithGrouping = {
  args: {
    title: "Total Revenue",
    value: 1234567,
    format: {
      useGrouping: true,
      showCurrencySymbol: true,
      currencySymbol: "$"
    }
  }
};
var WithPrecision = {
  args: {
    title: "Conversion Rate",
    value: 18.567,
    format: {
      precision: 2
    }
  }
};
var Complete = {
  args: {
    title: "Monthly Revenue",
    subtitle: "Last 30 days",
    value: 125e3,
    tooltip: "Total revenue from all sales channels",
    showSubtitle: true,
    showTooltip: true,
    format: {
      showCurrencySymbol: true,
      currencySymbol: "$",
      useGrouping: true,
      precision: 2
    },
    comparison: {
      value: 15e3,
      text: "v.s. pre"
    }
  }
};
var WithTag = {
  args: {
    title: "Active Users",
    value: 1128,
    tag: /* @__PURE__ */ React.createElement(import_antd.Tag, { color: "green" }, "+15%"),
    showTag: true
  }
};
var CustomStyle = {
  args: {
    title: "Custom Style Card",
    value: 1580,
    comparison: {
      value: 120
    },
    styleConfig: {
      card: {
        borderRadius: 8,
        padding: 24,
        background: "#f5f5f5",
        width: 300
      },
      title: {
        size: 16,
        weight: 600,
        color: "#1890ff"
      },
      value: {
        size: 36,
        weight: 700,
        color: "#52c41a"
      }
    }
  }
};
var Loading = {
  args: {
    title: "Loading Data",
    value: 1580,
    loading: true
  }
};
var EmptyValue = {
  args: {
    title: "No Data",
    value: null
  }
};
var MultipleCards = {
  render: () => /* @__PURE__ */ React.createElement("div", { style: {
    display: "grid",
    gridTemplateColumns: "repeat(auto-fit, minmax(200px, 1fr))",
    gap: 16
  } }, /* @__PURE__ */ React.createElement(
    import_PisellMetricCard.default,
    {
      title: "Total Orders",
      value: 50,
      comparison: { value: 12 }
    }
  ), /* @__PURE__ */ React.createElement(
    import_PisellMetricCard.default,
    {
      title: "Total Sales",
      value: 1580,
      format: { showCurrencySymbol: true, currencySymbol: "$" },
      comparison: { value: 120 }
    }
  ), /* @__PURE__ */ React.createElement(
    import_PisellMetricCard.default,
    {
      title: "Total Discount",
      value: 230,
      format: { showCurrencySymbol: true, currencySymbol: "$" },
      comparison: { value: 80 }
    }
  ), /* @__PURE__ */ React.createElement(
    import_PisellMetricCard.default,
    {
      title: "Total Items",
      value: 3249,
      comparison: { value: -230 }
    }
  ))
};
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  Basic,
  Complete,
  CustomStyle,
  EmptyValue,
  Loading,
  MultipleCards,
  NegativeTrend,
  PositiveTrend,
  WithCurrency,
  WithGrouping,
  WithPrecision,
  WithTag
});
