import Book from "../../app/components/sections/Book";
import {
  ASSETS,
  getAssetPath,
  governanceBookletPath,
  structureBeforeCrisisPath,
} from "../../lib/assetUtils";
import messages from "../../messages/en/pages/about.json";

export default {
  title: "Components/Sections/Book",
  component: Book,
  parameters: {
    layout: "fullscreen",
    backgrounds: { default: "dark" },
  },
};

const structureBeforeCrisis = messages.structureBeforeCrisis;
const communityRules = messages.communityRules;

export const Default = {
  args: {
    title: structureBeforeCrisis.title,
    description: structureBeforeCrisis.description,
    buttonText: structureBeforeCrisis.buttonText,
    buttonHref: getAssetPath(structureBeforeCrisisPath()),
    imageSrc: getAssetPath(ASSETS.STRUCTURE_BEFORE_CRISIS_COVER),
    imageAlt: structureBeforeCrisis.imageAlt,
  },
};

export const CommunityRules = {
  args: {
    title: communityRules.title,
    description: communityRules.description,
    buttonText: communityRules.buttonText,
    buttonHref: getAssetPath(governanceBookletPath()),
    imageSrc: getAssetPath(ASSETS.COMMUNITY_RULES_COVER),
    imageAlt: communityRules.imageAlt,
  },
};