import { jsx as _jsx } from "react/jsx-runtime";
import React from "react";
import { ThemeProvider } from "styled-components";
import equilibriumTheme from "../theme/equilibrium.theme";
import genshiroTheme from "../theme/genshiro.theme";
import RadioButton from "./radio-button";
export default {
    component: RadioButton,
    title: "New/RadioButton",
};
export const Equilibrium = () => {
    const [checked, setChecked] = React.useState(false);
    return (_jsx(ThemeProvider, { theme: equilibriumTheme, children: _jsx(RadioButton, { checked: checked, onClick: () => setChecked(!checked) }) }));
};
export const Genshiro = () => {
    const [checked, setChecked] = React.useState(false);
    return (_jsx(ThemeProvider, { theme: genshiroTheme, children: _jsx(RadioButton, { checked: checked, onClick: () => setChecked(!checked) }) }));
};
//# sourceMappingURL=radio-button.stories.js.map