import {createIconGrid, extractGlyphClassNames} from "../icon-grid/IconGridComponent";
import pictogramsScss from "../../_global/styles/pictograms.scss?raw";

const pictogramClassNames = extractGlyphClassNames(pictogramsScss, 'pictogram');

export default {
  title: 'Styleguide/Pictograms',
  parameters: {
    docs: {
      description: {
        component: `Alle Piktogramme aus \`pictograms.scss\` (${pictogramClassNames.length} Stück), automatisch generiert.`,
      },
    },
  },
};

export const AllePiktogramme = () => createIconGrid({classNames: pictogramClassNames, variant: 'pictograms'});