/**
 * Teleport
 * Copyright (C) 2023  Gravitational, Inc.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

import { ComponentType } from 'react';

import { Text } from '..';

import Flex from './../Flex';

import { IconProps } from './Icon';

import * as Icon from '.';

export default {
  title: 'Design/Icon',
};

/*

THIS FILE IS GENERATED. DO NOT EDIT.

*/

export const Icons = () => (
  <Flex flexWrap="wrap">
    <IconBox IconCmpt={Icon.{ICON_NAME}} text="{ICON_NAME}" />
  </Flex>
);

const IconBox = ({
  IconCmpt,
  text,
}: {
  IconCmpt: ComponentType<IconProps>;
  text: string;
}) => (
  <Flex m="10px" width="300px">
    <IconCmpt />
    <Text ml={2}>{text}</Text>
  </Flex>
);
