import { _ as __assign, b as __makeTemplateObject } from '../tslib.es6-20a2a300.js';
import { jsx } from 'react/jsx-runtime';
import { s as styled } from '../styled-components.esm-a98d7870.js';
import Dots from '../components/Dots.js';
import ParallaxBox from '../components/ParallaxBox.js';
import { B as Box } from '../Box-581dc061.js';
import '../defaultTheme-49a26576.js';
import 'react';
import '../hoist-non-react-statics.cjs-b718ab87.js';
import '../styled-339d0187.js';
import '../clsx.m-6243b874.js';
import 'react-dom';

var argTypes = {
    inverted: {
        name: "inverted",
        defaultValue: false,
        control: {
            type: "boolean"
        },
        table: {
            type: { summary: "boolean" },
            defaultValue: { summary: false }
        }
    },
    size: {
        name: "size",
        defaultValue: 88,
        control: {
            type: "number"
        },
        table: {
            type: { summary: "number" },
            defaultValue: { summary: 88 }
        }
    }
};
var DefaultTemplate = function (args) {
    return jsx(Dots, __assign({}, args), void 0);
};
var ParallaxTemplate = function (args) {
    var DotsParallaxBox = styled(ParallaxBox)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n  "], ["\n    ", "\n  "])), function (_a) {
        _a.theme;
        return ({
            position: "absolute",
            left: "10%",
            top: "10%",
            zIndex: -1
        });
    });
    return (jsx(Box, __assign({ position: "relative", width: "50vw", height: "200vh" }, { children: jsx(DotsParallaxBox, __assign({ depth: 0.5 }, { children: jsx(Dots, __assign({}, args), void 0) }), void 0) }), void 0));
};
var Default = DefaultTemplate.bind({});
var Parallax = ParallaxTemplate.bind({});
var Dots_stories = {
    title: "Components/Dots",
    component: Dots,
    argTypes: argTypes
};
var templateObject_1;

export { Default, Parallax, Dots_stories as default };
