import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { ThemeProvider } from "styled-components";
import Text from "../../text";
import equilibriumTheme from "../theme/equilibrium.theme";
import Footer from "./footer";
export const EquilibriumFooter = () => {
    return (_jsx(ThemeProvider, { theme: equilibriumTheme, children: _jsx(Footer, { subscriber: _jsx(Footer.Subscriber, { children: _jsx(Text.T1, { children: "Subscriber" }) }), children: _jsxs(Footer.Inner, { children: [_jsxs(Footer.Col, { width: "180px", children: [_jsx(Text.T1, { children: "Col 1" }), _jsx(Footer.Divider, { margin: "8px 0" }), _jsx(Text.F1, { children: "Text 1" }), _jsx(Text.F1, { children: "Text 2" })] }), _jsxs(Footer.Col, { width: "180px", children: [_jsx(Text.T1, { children: "Col 2" }), _jsx(Footer.Divider, { margin: "8px 0" }), _jsx(Text.F1, { children: "Text 1" })] }), _jsx(Footer.Col, { width: "180px", children: _jsx(Text.T1, { children: "Col 3" }) })] }) }) }));
};
export default {
    component: EquilibriumFooter,
    title: "New/Footer",
};
//# sourceMappingURL=footer.stories.js.map