import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { TextLoader } from "./text-loader";
import { ThemeProvider } from "styled-components";
import genshiroTheme from "../theme/genshiro.theme";
import equilibriumTheme from "../theme/equilibrium.theme";
export default {
    component: TextLoader,
    title: "New/TextLoader",
};
export const Genshiro = () => {
    return (_jsxs(ThemeProvider, { theme: genshiroTheme, children: [_jsx(TextLoader, {}), "Custom width:", _jsx(TextLoader, { width: "40px", widthMobile: "40px" }), "Custom height:", _jsx(TextLoader, { height: "60px", heightMobile: "60px" })] }));
};
export const Equilibrium = () => {
    return (_jsx(ThemeProvider, { theme: equilibriumTheme, children: _jsx(TextLoader, {}) }));
};
//# sourceMappingURL=text-loader.stories.js.map