import { JSXElement } from 'solid-js';
import { styled } from 'solid-styled-components';
import { IconProps, RevIcon } from './icons';
export type { IconProps };
export type IconElement = (props: IconProps) => JSXElement;
const Icon = styled('span')`
height: 20px;
width: 20px;
display: flex;
justify-content: center;
align-items: center;
`;
const Plus = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Cross = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Minus = ({ fill = '#2c2738', onClick }: IconProps) => ;
const More = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Burger = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Lens = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Circle = ({ fill = '#2c2738', onClick }: IconProps) => ;
const ChevronLeft = ({ fill = '#2c2738', onClick }: IconProps) => ;
const ChevronDown = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Share = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Heart = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Activity = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Alert = ({ fill = '#2c2738', onClick }: IconProps) => ;
const ArrowDown = ({ fill = '#2c2738', onClick }: IconProps) => ;
const ArrowUp = ({ fill = '#2c2738', onClick }: IconProps) => ;
const ArrowLeft = ({ fill = '#2c2738', onClick }: IconProps) => ;
const ArrowRight = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Badge = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Bag = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Battery = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Bell = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Book = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Box = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Bullet = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Calendar = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Camera = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Card = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Cart = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Check = ({ fill = '#2c2738', onClick }: IconProps) => ;
const ChevronRight = ({ fill = '#2c2738', onClick }: IconProps) => ;
const ChevronUp = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Comment = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Cookie = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Currency = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Desktop = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Diamond = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Download = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Equalizer = ({ fill = '#2c2738', onClick }: IconProps) => ;
const File = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Flag = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Folder = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Gear = ({ fill = '#2c2738', onClick }: IconProps) => ;
const GraphBar = ({ fill = '#2c2738', onClick }: IconProps) => ;
const GraphPie = ({ fill = '#2c2738', onClick }: IconProps) => ;
const GraphPoly = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Home = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Image = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Info = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Layers = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Marker = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Mobile = ({ fill = '#2c2738', onClick }: IconProps) => ;
const PaperBag = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Pencil = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Power = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Shield = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Square = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Tag = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Thunder = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Ticket = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Upload = ({ fill = '#2c2738', onClick }: IconProps) => ;
const User = ({ fill = '#2c2738', onClick }: IconProps) => ;
const VideoCamera = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Wallet = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Watch = ({ fill = '#2c2738', onClick }: IconProps) => ;
const Wrench = ({ fill = '#2c2738', onClick }: IconProps) => ;
export const Icons = Object.assign({}, {
Burger,
ChevronLeft,
ChevronDown,
Circle,
Cross,
Heart,
Lens,
Minus,
More,
Plus,
Share,
Activity,
Alert,
ArrowDown,
ArrowUp,
ArrowLeft,
ArrowRight,
Badge,
Bag,
Battery,
Bell,
Book,
Box,
Bullet,
Calendar,
Camera,
Card,
Cart,
Check,
ChevronRight,
ChevronUp,
Comment,
Cookie,
Currency,
Desktop,
Diamond,
Download,
Equalizer,
File,
Flag,
Folder,
Gear,
GraphBar,
GraphPie,
GraphPoly,
Home,
Image,
Info,
Layers,
Marker,
Mobile,
PaperBag,
Pencil,
Power,
Shield,
Square,
Tag,
Thunder,
Ticket,
Upload,
User,
VideoCamera,
Wallet,
Watch,
Wrench
});