'use-client' import React from 'react' import { type IconProps } from '../../stories/assets/public/Icons' import { getGlobalStyle } from '../../helpers' export const IconTransfer: React.FC = ({ size, color }) => { return ( ) } export const IconDollar: React.FC = ({ size, color }) => { return ( ) } export const IconMasterCardSimple: React.FC = ({ size }) => { return ( ) } export const IconVisaSimple: React.FC = ({ size }) => { return ( ) } export const IconChair: React.FC = ({ size, color = getGlobalStyle('--color-icons-black') }) => ( ) export const IconCalendar: React.FC = ({ size, color }) => ( ) export const IconExcel: React.FC = ({ size }) => ( {'file_type_excel'} ) /** * IconBuys component * @param {Object} props - Component props * @param {Object} props.style - Inline styles for the SVG * @param {number} props.size - Size of the SVG * @param {string} props.color - Color of the SVG * @param {Object} props... - Any other SVG attributes * @returns {JSX.Element} SVG icon */ export const IconBuys: React.FC = ({ style = {}, size, color = 'var(--color-icons-black)', ...props }) => { return ( ) } /** * IconTime component * @param {Object} props - Component props * @param {Object} props.style - Inline styles for the SVG * @param {number} props.size - Size of the SVG * @param {string} props.color - Color of the SVG * @param {Object} props... - Any other SVG attributes * @returns {JSX.Element} SVG icon */ export const IconTime: React.FC = ({ style = {}, size, color, ...props }: IconProps) => { return ( ) } /** * iconHome component * @param {Object} props - Component props * @param {Object} props.style - Inline styles for the SVG * @param {number} props.size - Size of the SVG * @param {string} props.color - Color of the SVG * @param {Object} props... - Any other SVG attributes * @returns {JSX.Element} SVG icon */ export const IconHome: React.FC = ({ style = {}, size, color, ...props }: IconProps) => { return ( ) } export const IconInfo: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } /** * IconInformationProduct component * @param {Object} props - Component props * @param {Object} props.style - Inline styles for the SVG * @param {number} props.size - Size of the SVG * @param {string} props.color - Color of the SVG * @param {Object} props... - Any other SVG attributes * @returns {JSX.Element} SVG icon */ export const IconInformationProduct: React.FC = ({ style = {}, size, color, }: IconProps) => { return ( ) } /** * IconChart component * @param {Object} props - Component props * @param {Object} props.style - Inline styles for the SVG * @param {number} props.size - Size of the SVG * @param {string} props.color - Color of the SVG * @param {Object} props... - Any other SVG attributes * @returns {JSX.Element} SVG icon */ export const IconChart: React.FC = ({ style = {}, size, color, ...props }) => { return ( ) } /** * IconCategorie component * @param {Object} props - Component props * @param {Object} props.style - Inline styles for the SVG * @param {number} props.size - Size of the SVG * @param {string} props.color - Color of the SVG * @param {Object} props... - Any other SVG attributes * @returns {JSX.Element} SVG icon */ export const IconCategorie: React.FC = ({ size, color = 'var(--color-icons-black)' }) => { return ( ) } /** * IconStore component * @param {Object} props - Component props * @param {Object} props.style - Inline styles for the SVG * @param {number} props.size - Size of the SVG * @param {string} props.color - Color of the SVG * @param {Object} props... - Any other SVG attributes * @returns {JSX.Element} SVG icon */ export const IconStore: React.FC = ({ style = {}, size, color }) => { return ( ) } export const IconColombia: React.FC = ({ style = {}, size }: IconProps) => { return ( ) } export const IconCircleNumber: React.FC = ({ style = {}, size, color }: IconProps) => { return ( {'1'} ) } export const IconArrowRight: React.FC = ({ size, color }: IconProps) => { return ( ) } /** * IconTicket component * @param {Object} props - Component props * @param {Object} props.style - Inline styles for the SVG * @param {number} props.size - Size of the SVG * @param {string} props.color - Color of the SVG * @param {Object} props... - Any other SVG attributes * @returns {JSX.Element} SVG icon */ export const IconTicket: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } export const IconDost: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } export const Google: React.FC = ({ size, ...props }: IconProps) => { return ( ) } export const IconLogout: React.FC = ({ size, color }: IconProps) => { return ( ) } export const IconMessageMain: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } export const IconNotification: React.FC = ({ size, style = {}, color = getGlobalStyle('--color-icons-black') }: IconProps) => { return ( ) } export const IconWallet: React.FC = ({ style = {}, color, size }: IconProps) => { return ( ) } export const IconUser: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } export const IconHorario: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } export const IconBoxes: React.FC = ({ style = {}, size, color, ...props }) => ( ) export const IconLogo: React.FC = ({ color, size }: IconProps) => { return ( ) } export const IconMiniCheck: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } export const IconArrowTop = ({ size, color }: IconProps) => { return ( ) } export const IconArrowBottom = ({ color, size }: IconProps) => { return ( ) } export const IconSearch: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } export const IconRate: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } export const IconLoading: React.FC = ({ color, size, ...props }: IconProps) => { return ( ) } export const IconNoShow: React.FC = ({ style = {}, size }: IconProps) => { return ( {' '} {' '} {' '} {' '} ) } export const IconShowEye: React.FC = ({ style = {}, size }: IconProps) => { return ( ) } export const IconPizza: React.FC = ({ ...props }) => { return ( ) } export const IconShopping: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } export const IconCarrot: React.FC = ({ style = {}, size, color, ...props }: IconProps) => { return ( ) } export const IconFigure: React.FC = ({ style = {}, size, color, ...props }: IconProps) => { return ( {'figure'} ) } export const IconSales: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } export const IconDelete: React.FC = ({ style = {}, size, color, ...props }: IconProps) => { return ( ) } export const IconInvoice: React.FC = ({ style = {}, size }) => { return INVOICE } export const IconInventory: React.FC = ({ size, color }) => { return } export const IconDownload: React.FC = ({ style = {}, size, color }) => { return ( ) } export const IconComment: React.FC = ({ size, color }: IconProps) => { return ( ) } export const IconAddComment: React.FC = ({ size, color }: IconProps) => { return ( ) } export const IconEditComment: React.FC = ({ size, color }: IconProps) => { return ( ) } export const IconCopy: React.FC = ({ size = 20, color = '' }) => { return ( ) } export const IconCancel: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } export const IconFolder: React.FC = ({ style = {}, size }: IconProps) => { return ( ) } export const IconPlus: React.FC = ({ size = 24, color }: IconProps) => { return ( ) } export const IconLinePart: React.FC = ({ size = 2, color, ...props }: IconProps) => { return ( ) } export const IconMinus: React.FC = ({ style = {}, size = 24, color }) => { return ( {' '} ) } export const IconPromo: React.FC = ({ size, color }: IconProps) => { return ( ) } export const IconEdit: React.FC = ({ size, color }: IconProps) => { return ( ) } export const IconSendMessage: React.FC = ({ size, color }: IconProps) => { return ( Asset 8 ) } export const IconClose: React.FC = ({ size, color }: IconProps) => { return ( ) } export const IconLocationMap2: React.FC = ({ size, color, ...props }: IconProps) => { return ( ) } export const IconGoogleFullColor: React.FC = ({ size }: IconProps) => { return ( ) } export const IconArrowLeft: React.FC = ({ size, color }: IconProps) => { return ( ) } export const IconQuestion: React.FC = (props: IconProps) => { return ( ) } export const IconFilter: React.FC = ({ size, color }) => ( ) export const IconConfig: React.FC = ({ size, color }) => ( ) export const IconBox: React.FC = ({ size, color }) => ( ) export const IconDrink: React.FC = ({ size, color }) => ( ) export const IconSandwich: React.FC = ({ size, color }) => { return ( ) } export const IconLunch: React.FC = ({ size, color }) => { return } export const IconDonut: React.FC = ({ size, color }) => { return } export const IconPlatter: React.FC = ({ size, color }) => { return } export const IconEgg: React.FC = ({ size, color }) => { return } export const IconPancake: React.FC = ({ size, color }) => { return } export const IconPotate: React.FC = ({ size, color }) => { return } export const IconBread: React.FC = ({ size, color }) => { return } export const IconNoodles: React.FC = ({ size, color }) => { return } export const IconDinner: React.FC = ({ size, color }) => { return } export const IconSoup: React.FC = ({ size, color }) => { return } export const IconFileUpload: React.FC = ({ size, color }) => ( ) export const IconPdf: React.FC = ({ size, color, ...props }) => ( {'file_type_pdf2'} ) export const IconLines: React.FC = ({ size, color }) => ( ) export const IconLinesFilter: React.FC = ({ size, color }) => { return } export const IconVisa: React.FC = ({ size, color, ...props }) => ( ) export const IconMasterCard: React.FC = ({ size, color, ...props }) => ( ) export const IconUpRightArrow: React.FC = ({ size, color }) => { return ( ) } export const IconDownRightArrow: React.FC = ({ size, color }) => { return ( {'down right'} ) } export const IconAside: React.FC = ({ size, color }) => { return } export const IconGoal: React.FC = ({ size, color }) => { return } export const IconStar: React.FC = ({ size, color }) => { return } export const IconHistory: React.FC = ({ size, color }) => { return } export const IconPlusUser: React.FC = ({ size, color }) => { return } export const IconListBullet: React.FC = ({ size, color }) => { return } export const IconGrid: React.FC = ({ size, color }) => { return } export const IconTag: React.FC = ({ size, color }) => { return } export const IconPrint: React.FC = ({ size, color }) => { return } export const IconSimpleCalendar: React.FC = ({ size, color }) => { return } // IconPhone export const IconPhone: React.FC = ({ size, color }) => ( ) // iconFingerPrint export const IconFingerPrint: React.FC = ({ size, color }) => ( ) // email export const IconEmail: React.FC = ({ size, color }) => ( ) // success export const IconSuccess: React.FC = ({ size, color }) => { return ( ) } // warning export const IconWarning: React.FC = ({ size, color }) => { return ( ) } // error export const IconError: React.FC = ({ size, color }) => { return ( ) } export const IconSun: React.FC = ({ size, color }) => { return } // icon moon export const IconMoon: React.FC = ({ size, color }) => { return } // icon free export const IconFree: React.FC = ({ size, color }) => { return }