@uswds/uswds/packages/usa-banner/src/usa-banner.stories.js

Open source UI components and visual style guide for U.S. government websites

import component from "./usa-banner.twig";
import {
  DefaultContent,
  DefaultContentLangEs,
  MilContent,
  MilContentLangEs,
} from "./content";

const defaults = DefaultContent;

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

const Template = (banner, domain, https, ...args) =>
  component(banner, domain, https, ...args);

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

export const DefaultSpanish = Template.bind({});
DefaultSpanish.args = {
  ...defaults,
  ...DefaultContentLangEs,
};

export const Mil = Template.bind({});
Mil.args = {
  ...defaults,
  ...MilContent,
};

export const MilSpanish = Template.bind({});
MilSpanish.args = {
  ...defaults,
  ...MilContentLangEs,
};