18F/web-design-standards

import Medium from "./usa-footer.twig";
import Big from "./usa-footer--big/usa-footer--big.twig";
import Slim from "./usa-footer--slim/usa-footer--slim.twig";

import DefaultContent from "./usa-footer.json";
import BigContent from "./usa-footer--big/usa-footer--big.json";
import SlimContent from "./usa-footer--slim/usa-footer--slim.json";

export default {
  title: "Components/Footer",
};

const Template = (args) => Medium(args);
const BigTemplate = (args) => Big(args);
const SlimTemplate = (args) => Slim(args);

export const Default = Template.bind({});
Default.args = DefaultContent;

export const BigFooter = BigTemplate.bind({});
BigFooter.args = BigContent;

export const SlimFooter = SlimTemplate.bind({});
SlimFooter.args = SlimContent;