import React from 'react';
import { Collapse } from "./Collapse";
var meta = {
  title: 'Plus Components/PisellFinancialSummary/Collapse',
  component: Collapse,
  tags: ['autodocs'],
  parameters: {
    layout: 'padded',
    docs: {
      description: {
        component: 'PisellFinancialSummary 子组件：可折叠项，与 [Figma 14256:5103](https://www.figma.com/design/pM8Ho6d7kCMv9vIBvFHUlj/Pisell-2.0-Component-Library?node-id=14256-5103) Collapse 设计 1:1 一致。用于付款历史/退款展开后的每条记录。'
      }
    }
  }
};
export default meta;
export var FigmaDesign = {
  name: 'Figma 14256-5103（设计稿 1:1）',
  parameters: {
    docs: {
      description: {
        story: '与 [Figma node 14256:5103](https://www.figma.com/design/pM8Ho6d7kCMv9vIBvFHUlj/Pisell-2.0-Component-Library?node-id=14256-5103&m=dev) 完全一致：Collapse Head + Collapse Body。'
      }
    },
    backgrounds: {
      default: 'white',
      values: [{
        name: 'white',
        value: '#ffffff'
      }]
    }
  },
  decorators: [function (Story) {
    return /*#__PURE__*/React.createElement("div", {
      style: {
        maxWidth: 400,
        margin: '0 auto',
        padding: 24
      }
    }, /*#__PURE__*/React.createElement(Story, null));
  }],
  args: {
    headMeta: {
      time: '20:00',
      date: '30/08/2025',
      customer: 'Customer',
      channel: 'Online Store'
    },
    headAmount: '-$30',
    defaultExpanded: true,
    bodyRows: [{
      label: 'Visa (12****1234)',
      amount: '-$30',
      action: {
        label: 'Void',
        onClick: function onClick() {
          return console.log('Void clicked');
        }
      }
    }]
  }
};
export var Default = {
  args: {
    headMeta: {
      time: '14:00',
      date: '12/03/2025',
      customer: 'John Doe',
      channel: 'In Store'
    },
    headAmount: '$54.00',
    defaultExpanded: false,
    bodyRows: [{
      label: 'Card (****4242)',
      amount: '$54.00',
      action: {
        label: 'Void',
        onClick: function onClick() {}
      }
    }]
  }
};