{'file_type_excel'}

'use-client' import PropTypes from 'prop-types' import React from 'react' import { type IconProps } from '../../stories/assets/public/Icons' import { getGlobalStyle } from '../../helpers' export const IconTransfer: React.FC = ({ size }) => { return ( ) } export const IconDollar: React.FC = ({ size }) => { 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 }) => ( ) /** * 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 ( ) } IconBuys.propTypes = { color: PropTypes.string, size: PropTypes.number, style: PropTypes.object } /** * 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 ( ) } IconTime.propTypes = { color: PropTypes.string, size: PropTypes.number, style: PropTypes.object } /** * 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 ( ) } IconInfo.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } /** * 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, ...props }: IconProps) => { return ( ) } IconInformationProduct.propTypes = { color: PropTypes.any, size: PropTypes.number, style: PropTypes.object } /** * 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 = ({ style = {}, size, color, ...props }) => { return ( ) } IconCategorie.propTypes = { color: PropTypes.string, size: PropTypes.number, style: PropTypes.object } /** * 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, ...props }) => { return ( ) } IconStore.propTypes = { color: PropTypes.string, size: PropTypes.number, style: PropTypes.object } export const IconColombia: React.FC = ({ style = {}, size }: IconProps) => { return ( ) } export const IconCircleNumber: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } IconColombia.propTypes = { size: PropTypes.any, style: PropTypes.object } export const IconArrowRight: React.FC = ({ style = {}, size, color, ...props }: IconProps) => { return ( ) } IconArrowRight.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } /** * 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, ...props }: IconProps) => { return ( ) } IconTicket.propTypes = { color: PropTypes.any, size: PropTypes.number, style: PropTypes.object } export const IconDost: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } IconDost.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const Google: React.FC = ({ size, ...props }: IconProps) => { return ( ) } Google.propTypes = { size: PropTypes.any } export const IconLogout: React.FC = ({ size, color }: IconProps) => { return ( ) } IconLogout.propTypes = { color: PropTypes.any, size: PropTypes.any } export const IconMessageMain: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } IconMessageMain.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconNotification: React.FC = ({ size, style = {}, color = 'var(--color-icons-primary)', ...props }: IconProps) => { return ( ) } IconNotification.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconWallet: React.FC = ({ style = {}, color, size }: IconProps) => { return ( ) } IconWallet.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconUser: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } IconUser.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconHorario: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } IconHorario.propTypes = { color: PropTypes.string, size: PropTypes.any, style: PropTypes.object } export const IconBoxes: React.FC = ({ style = {}, size, color, ...props }) => ( ) export const IconLogo: React.FC = ({ color, size }: IconProps) => { return ( ) } IconLogo.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } IconHome.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconMiniCheck: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } IconMiniCheck.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconArrowTop = ({ size, style = {}, color, ...props }: IconProps) => { return ( ) } export const IconArrowBottom = ({ style = {}, color, size }: IconProps) => { return ( ) } IconArrowTop.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconSearch: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } IconSearch.propTypes = { color: PropTypes.any, props: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconRate: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } IconRate.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconLoading: React.FC = ({ color, size, ...props }: IconProps) => { return ( ) } IconLoading.propTypes = { color: PropTypes.any, size: PropTypes.any } export const IconNoShow: React.FC = ({ style = {}, size }: IconProps) => { return ( ) } IconNoShow.propTypes = { size: PropTypes.any, style: PropTypes.object } export const IconShowEye: React.FC = ({ style = {}, size }: IconProps) => { return ( ) } IconShowEye.propTypes = { size: PropTypes.any, style: PropTypes.object } export const IconPizza: React.FC = ({ ...props }) => { return ( ) } IconPizza.propTypes = { color: PropTypes.any, size: PropTypes.any } export const IconShopping: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } IconShopping.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconCarrot: React.FC = ({ style = {}, size, color, ...props }: IconProps) => { return ( ) } IconCarrot.propTypes = { color: PropTypes.any, size: PropTypes.number, style: PropTypes.object } export const IconFigure: React.FC = ({ style = {}, size, color, ...props }: IconProps) => { return ( ) } IconFigure.propTypes = { color: PropTypes.any, size: PropTypes.number, style: PropTypes.object } export const IconSales: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } IconSales.propTypes = { color: PropTypes.string, size: PropTypes.any, style: PropTypes.object } export const IconDelete: React.FC = ({ style = {}, size, color, ...props }: IconProps) => { return ( ) } IconDelete.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconInvoice: React.FC = ({ style = {}, size }) => { return } export const IconInventory: React.FC = ({ size, color }) => { return } export const IconDownload: React.FC = ({ style = {}, size, color }) => { return ( ) } export const IconComment: React.FC = ({ style = {}, size, color, ...props }: IconProps) => { return ( ) } IconComment.propTypes = { color: PropTypes.any, size: PropTypes.number, style: PropTypes.object } export const IconCancel: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } IconCancel.propTypes = { color: PropTypes.string, size: PropTypes.any, style: PropTypes.object } IconArrowBottom.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconFolder: React.FC = ({ style = {}, size }: IconProps) => { return ( ) } IconFolder.propTypes = { size: PropTypes.any, style: PropTypes.object } export const IconPlus: React.FC = ({ style = {}, size = 24, color }: IconProps) => { return ( ) } export const IconLinePart: React.FC = ({ size = 2, color, ...props }: IconProps) => { return ( ) } IconLinePart.propTypes = { color: PropTypes.any, size: PropTypes.number } IconPlus.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconMinus: React.FC = ({ style = {}, size = 24, color }) => { return ( ) } IconMinus.propTypes = { color: PropTypes.string, size: PropTypes.number, style: PropTypes.object } export const IconPromo: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } IconPromo.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconEdit: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } IconEdit.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } export const IconSendMessage: React.FC = ({ size, color }: IconProps) => { return ( ) } IconSendMessage.propTypes = { color: PropTypes.any, size: PropTypes.any } export const IconClose: React.FC = ({ size, color }: IconProps) => { return ( ) } IconClose.propTypes = { color: PropTypes.string, size: PropTypes.any } export const IconLocationMap2: React.FC = ({ size, color, ...props }: IconProps) => { return ( ) } IconLocationMap2.propTypes = { color: PropTypes.string, size: PropTypes.any } export const IconGoogleFullColor: React.FC = ({ size }: IconProps) => { return ( ) } IconGoogleFullColor.propTypes = { size: PropTypes.any } export const IconArrowLeft: React.FC = ({ style = {}, size, color }: IconProps) => { return ( ) } IconArrowLeft.propTypes = { color: PropTypes.any, size: PropTypes.any, style: PropTypes.object } IconChart.propTypes = { color: PropTypes.any, size: PropTypes.number, style: PropTypes.object } export const IconQuestion: React.FC = (props: IconProps) => { return ( ) } IconQuestion.propTypes = { color: PropTypes.string, size: PropTypes.any } export const IconFilter: React.FC = ({ size, color, ...props }) => ( ) 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 }) => ( ) export const IconLines: React.FC = ({ size, color }) => ( ) 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 ( ) }