@cognitiondesk/storefrontv0.2.2

npm install @cognitiondesk/storefront

import { StorefrontHeader, ItemGrid, formatPrice } from '@cognitiondesk/storefront';

// Presentational: props in, callbacks out — you bring the items (fetch,
// getStaticProps, whatever you use), the component never calls a backend.
export function Store({ items, categories }) {
  return (
    <>
      <StorefrontHeader storeName="Acme Bikes" />
      <ItemGrid
        items={items}
        categories={categories}
        itemHref={(item) => `/store/${item.id}`}
        formatPrice={formatPrice}
        labels={{
          searchPlaceholder: 'Search…',
          allCategories: 'All',
          inStock: 'In stock',
          outOfStock: 'Out of stock',
          noItems: 'No items yet',
          noResults: 'No results',
        }}
      />
    </>
  );
}