import { _ as __assign } from '../tslib.es6-faad35dc.js';
import { jsx } from 'react/jsx-runtime';
import MuiBox from '@mui/material/Box';
import Card, { CardColorVariants } from '../components/Card.js';
import Typography from '../components/Typography.js';
import SwipeableMobileStepper from '../components/SwipeableMobileStepper.js';
import '@mui/material/styles';
import '@mui/material/Card';
import '../theme/colors.js';
import '../_commonjsHelpers-1789f0cf.js';
import '@mui/material/Typography';
import '../theme/typography.js';
import 'react';
import '@mui/material/MobileStepper';

var slides = [
    "I understand that stakefish does not have custody of my staking deposit. My withdrawal private keys, which I have stored securely and which only I know about, control my funds. Protecting my withdrawal private keys is solely my responsibility, and stakefish has no way of retrieving my staking deposit.",
    "I understand that I won’t be able to withdraw my staking deposit until at least Ethereum Phase 1.5 is ready. I understand that this could take one year or longer, and that it may never happen at all. I understand that there are no refunds once my staking deposit has been completed.",
    "I understand the slashing risk associated with staking and validating in a Proof of Stake network like Ethereum. I understand that in the rare event that validators are slashed, stakefish is not liable for any slashing penalties of my staking deposit.",
    "I have read and accepted the <a href='#'>Privacy Policy</a> and <a href='#'>Terms of Service</a>."
];
var argTypes = {
    hideOverflowX: {
        name: "hideOverflowX",
        defaultValue: false,
        control: {
            type: "boolean"
        },
        type: { summary: "boolean" }
    },
    swipeableViewsProps: { table: { disable: true } }
};
var Template = function (_a) {
    var hideOverflowX = _a.hideOverflowX;
    return (jsx(MuiBox, __assign({ maxWidth: 500 }, { children: jsx(Card, __assign({ color: CardColorVariants.Muted, sx: { overflowX: "hidden" } }, { children: jsx(SwipeableMobileStepper, __assign({ swipeableViewsProps: {
                    overflowXHidden: hideOverflowX,
                    sx: { "& .react-swipeable-view-slide": { overflow: "hidden !important" } }
                } }, { children: slides.map(function (slide, index) { return (jsx(Card, __assign({ sx: { height: "100%" } }, { children: jsx(Typography, { variant: "caption", dangerouslySetInnerHTML: { __html: slide } }, void 0) }), index)); }) }), void 0) }), void 0) }), void 0));
};
var Default = Template.bind({});
var SwipeableMobileStepper_stories = {
    title: "Components/SwipeableMobileStepper",
    component: SwipeableMobileStepper,
    argTypes: argTypes
};

export { Default, SwipeableMobileStepper_stories as default };
