import React from "react";
import Box from "../Box/Box";
import Flex from "../Box/Flex";
import Text from "../Text/Text";
import Svg from "./Svg";
export default {
title: "Components/Svg Icons",
component: Svg,
argTypes: {},
};
export const Default: React.FC = () => {
return (
);
};
const context = require.context("./Icons", true, /.tsx$/);
const components = context.keys().reduce((accum, path) => {
const file = path.substring(2).replace(".tsx", "");
return {
...accum,
[file]: context(path),
};
}, {});
export const Icons: React.FC = () => {
return (
{Object.keys(components).map((file) => {
const Icon = components[file].default;
return (
{file}
);
})}
);
};