Takazudo Modular Styleguide

MDX/Addac120sNav2

Default
English

Component Source

addac120s-nav2.tsx

import { ADDAC120S_SERIES_SLUGS } from '@/lib/data/addac120s-series';
import { RelatedProducts } from '@components/mdx/related-products';
import type { Locale } from '@/lib/i18n/types';

interface Addac120sNav2Props {
  locale?: Locale;
}

/**
 * ADDAC120s Four Strings — bundle/system product grid only.
 *
 * Renders the bundle/system nav cards for the series, without any heading or caption.
 * BUNDLE badges render automatically — `ProductNavItem` gates on `product.bundle != null`.
 * Embeddable as a standalone MDX block so headings can be authored in MDX itself.
 *
 * Plain SSR component (no island wrapper) — safe to import productsMapping directly.
 */
export function Addac120sNav2({ locale = 'ja' }: Addac120sNav2Props) {
  return <RelatedProducts ids={ADDAC120S_SERIES_SLUGS.bundleSlugs} locale={locale} />;
}

Story Source

addac120s-nav2.stories.tsx

import { Addac120sNav2 } from './addac120s-nav2';

/**
 * Addac120sNav2
 *
 * Bundle/system product grid for the ADDAC120s "Four Strings" series.
 * Renders the bundle/system nav cards only — no headings/caption.
 * BUNDLE badges render automatically (ProductNavItem gates on product.bundle != null).
 * Embeddable as a standalone MDX block so headings can be authored in MDX.
 */
export const meta = {
  title: 'MDX/Addac120sNav2',
};

/** Japanese (default) */
export const Default = () => <Addac120sNav2 locale="ja" />;

/** English */
export const English = () => <Addac120sNav2 locale="en" />;