import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import React from "react";
import { PopupGradient, Sliders, SlidersDot, Skip } from "./popup-gradient";
import { T } from "../../components/new/typography";
export default {
    title: "DesignSystem/PopupGradient",
    component: PopupGradient,
};
const Template = (args) => {
    const [rolled, setRolled] = React.useState(false);
    return (_jsx(_Fragment, { children: _jsxs(PopupGradient, { rolled: rolled, children: [_jsx("img", { src: "/hand.png", alt: "", className: "pic hide" }), _jsxs("div", { className: "between", children: [_jsx(T, { variant: "h4", className: "title", children: "Doubled farming rewards" }), _jsx("button", { className: "arrow", onClick: () => setRolled((rolled) => false), children: _jsx("img", { src: "/arrow-white.svg", alt: "" }) })] }), _jsx(T, { variant: "p-sm", className: "main hide", children: "Be among the first to claim the benefits of a one-stop DeFi 2.0 platform" }), _jsxs("div", { className: "between hide", children: [_jsxs(Sliders, { children: [_jsx(SlidersDot, { className: "active" }), _jsx(SlidersDot, {}), _jsx(SlidersDot, {})] }), _jsx(Skip, { onClick: () => setRolled((rolled) => true), children: "skip" })] })] }) }));
};
export const Basic = Template.bind({});
Basic.args = {};
//# sourceMappingURL=popup-gradient.stories.js.map