import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import styled from "styled-components";
import { ThemeProvider } from "styled-components";
import equilibriumTheme from "../theme/equilibrium.theme";
import genshiroTheme from "../theme/genshiro.theme";
import { Link } from "./link.styled";
const Container = styled.div `
  display: flex;
  flex-direction: column;

  button {
    margin-bottom: 12px;
  }
`;
const Text = styled.p `
  font-size: 18px;
  line-height: 22px;
  a {
    font-family: Bold;
  }
`;
export default {
    component: Link,
    title: "New/Link",
};
export const Equilibrium = () => {
    return (_jsx(ThemeProvider, { theme: equilibriumTheme, children: _jsxs(Container, { children: [_jsx(Link, { href: "https://www.lipsum.com/", target: "_blank", children: "lipsum.com" }), _jsxs(Text, { children: [_jsx(Link, { href: "https://www.lipsum.com/", target: "_blank", children: "Lorem Ipsum" }), " ", "is simply dummy text of the printing and typesetting industry."] })] }) }));
};
export const Genshiro = () => {
    return (_jsx(ThemeProvider, { theme: genshiroTheme, children: _jsxs(Container, { children: [_jsx(Link, { href: "https://www.lipsum.com/", target: "_blank", children: "lipsum.com" }), _jsxs(Text, { children: [_jsx(Link, { href: "https://www.lipsum.com/", target: "_blank", children: "Lorem Ipsum" }), " ", "is simply dummy text of the printing and typesetting industry."] })] }) }));
};
//# sourceMappingURL=link.stories.js.map