= ({ name, age }) => {
12 | return (
13 |
14 |
Hello, my name is {name}!
15 |
My age: {age}
16 |
8 |
React TypeScript Example
9 |
10 |
11 | );
12 | };
13 |
14 | export default App;
15 | ```
16 |
--------------------------------------------------------------------------------
/src/app/[locale]/ai/chat/code/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ChatCodeClient from '@/app/[locale]/ai/chat/code/client';
3 |
4 | const ChatPage = () => {
5 | return ;
6 | };
7 |
8 | export default ChatPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ai/chat/lang-chain-chat/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ChatBotClient from '@/app/[locale]/ai/chat/lang-chain-chat/client';
3 |
4 | const ChatPage = () => {
5 | return ;
6 | };
7 |
8 | export default ChatPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ai/chat/photo/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ChatPhotoClient from '@/app/[locale]/ai/chat/photo/client';
3 |
4 | const ChatPage = () => {
5 | return ;
6 | };
7 |
8 | export default ChatPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ai/chat/rag-chat-bot/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ChatBotClient from '@/app/[locale]/ai/chat/rag-chat-bot/client';
3 |
4 | const ChatPage = () => {
5 | return ;
6 | };
7 |
8 | export default ChatPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ai/chat/replace-object/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ChatPhotoClient from '@/app/[locale]/ai/chat/replace-object/client';
3 |
4 | const ChatPage = () => {
5 | return ;
6 | };
7 |
8 | export default ChatPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ai/chat/segment-inpaint/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ChatPhotoClient from '@/app/[locale]/ai/chat/segment-inpaint/client';
3 |
4 | const ChatPage = () => {
5 | return ;
6 | };
7 |
8 | export default ChatPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ai/chat/sketch-to-image/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ChatPhotoClient from '@/app/[locale]/ai/chat/sketch-to-image/client';
3 |
4 | const ChatPage = () => {
5 | return ;
6 | };
7 |
8 | export default ChatPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ai/chat/smart-hr/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import SmartHrClient from './client';
3 |
4 | const SmartHrPage = () => {
5 | return ;
6 | };
7 |
8 | export default SmartHrPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ai/chat/speech-recognition/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import SpeechRecognitionClient from './client';
3 |
4 | const SpeechRecognitionPage = () => {
5 | return ;
6 | };
7 |
8 | export default SpeechRecognitionPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ai/chat/text-to-speech/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ChatAudioClient from '@/app/[locale]/ai/chat/text-to-speech/client';
3 |
4 | const ChatPage = () => {
5 | return ;
6 | };
7 |
8 | export default ChatPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ai/chat/video/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ChatVideoClient from '@/app/[locale]/ai/chat/video/client';
3 |
4 | const ChatPage = () => {
5 | return ;
6 | };
7 |
8 | export default ChatPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ai/dashboard/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import AiDashboardClient from '@/app/[locale]/ai/dashboard/client';
3 |
4 | const AiDashboard = () => {
5 | return ;
6 | };
7 |
8 | export default AiDashboard;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/chat/[slug]/_common/ChatContainer.common.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC, ReactNode } from 'react';
2 |
3 | interface IChatContainerCommonProps {
4 | children: ReactNode;
5 | }
6 | const ChatContainerCommon: FC = (props) => {
7 | const { children } = props;
8 | return (
9 |
12 | );
13 | };
14 |
15 | export default ChatContainerCommon;
16 |
--------------------------------------------------------------------------------
/src/app/[locale]/chat/[slug]/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ChatClient from '@/app/[locale]/chat/[slug]/_client';
3 |
4 | const ChatPage = () => {
5 | return ;
6 | };
7 |
8 | export default ChatPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/crm/customer/[slug]/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import CustomerClient from '@/app/[locale]/crm/customer/[slug]/client';
3 | import TranslationsProvider from '@/components/TranslationsProvider';
4 |
5 | const i18nNamespaces = ['translation'];
6 |
7 | const CustomerPage = ({ params: { locale } }: { params: { locale: string } }) => {
8 | return (
9 |
10 |
11 |
12 | );
13 | };
14 |
15 | export default CustomerPage;
16 |
--------------------------------------------------------------------------------
/src/app/[locale]/crm/customer/list/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import CustomerListClient from '@/app/[locale]/crm/customer/list/client';
3 |
4 | const CustomerList = () => {
5 | return ;
6 | };
7 |
8 | export default CustomerList;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/crm/dashboard/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import CustomerDashboardClient from '@/app/[locale]/crm/dashboard/client';
3 | import TranslationsProvider from '@/components/TranslationsProvider';
4 |
5 | const i18nNamespaces = ['translation'];
6 |
7 | const CustomerDashboardPage = ({ params: { locale } }: { params: { locale: string } }) => {
8 | return (
9 |
10 |
11 |
12 | );
13 | };
14 |
15 | export default CustomerDashboardPage;
16 |
--------------------------------------------------------------------------------
/src/app/[locale]/crm/role/[slug]/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import RoleClient from '@/app/[locale]/crm/role/[slug]/client';
3 |
4 | const RolePage = () => {
5 | return ;
6 | };
7 |
8 | export default RolePage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/crm/role/list/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import RoleListClient from '@/app/[locale]/crm/role/list/client';
3 |
4 | const RoleListPage = () => {
5 | return ;
6 | };
7 |
8 | export default RoleListPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/checkbox-group/_md/CheckboxGroupInterface.md:
--------------------------------------------------------------------------------
1 | ```tsx
2 | interface ICheckboxGroupProps extends HTMLAttributes {
3 | children: ReactElement | ReactElement[];
4 | invalidFeedback?: string; // For FormiK Validation
5 | isInline?: boolean;
6 | isTouched?: boolean; // For FormiK Validation
7 | isValid?: boolean; // For FormiK Validation
8 | isValidMessage?: boolean; // For FormiK Validation
9 | validFeedback?: string; // For FormiK Validation
10 | }
11 | ```
12 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/checkbox-group/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import CheckboxGroupClient from '@/app/[locale]/form/checkbox-group/client';
3 |
4 | const CheckboxGroupPage = () => {
5 | return ;
6 | };
7 |
8 | export default CheckboxGroupPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/checkbox/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import CheckboxClient from '@/app/[locale]/form/checkbox/client';
3 |
4 | const CheckboxPage = () => {
5 | return ;
6 | };
7 |
8 | export default CheckboxPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/field-wrap/_md/FieldWrapInterface.md:
--------------------------------------------------------------------------------
1 | ```tsx
2 | interface IFieldWrapProps extends HTMLAttributes, Partial {
3 | children: ReactElement;
4 | className?: string;
5 | firstSuffix?: ReactNode;
6 | lastSuffix?: ReactNode;
7 | }
8 | ```
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/field-wrap/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import FieldWrapClient from '@/app/[locale]/form/field-wrap/client';
3 |
4 | const FieldWrapPage = () => {
5 | return ;
6 | };
7 |
8 | export default FieldWrapPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/input/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import InputClient from '@/app/[locale]/form/input/client';
3 |
4 | const InputPage = () => {
5 | return ;
6 | };
7 |
8 | export default InputPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/label/_md/LabelInterface.md:
--------------------------------------------------------------------------------
1 | ```tsx
2 | interface ILabelProps extends HTMLAttributes {
3 | children: ReactNode;
4 | description?: string;
5 | className?: string;
6 | htmlFor: string;
7 | }
8 | ```
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/label/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import LabelClient from '@/app/[locale]/form/label/client';
3 |
4 | const LabelPage = () => {
5 | return ;
6 | };
7 |
8 | export default LabelPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/radio/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import RadioClient from '@/app/[locale]/form/radio/client';
3 |
4 | const RadioPage = () => {
5 | return ;
6 | };
7 |
8 | export default RadioPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/rich-text/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import RichTextClient from '@/app/[locale]/form/rich-text/client';
3 |
4 | const RichTextPage = () => {
5 | return ;
6 | };
7 |
8 | export default RichTextPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/select-react/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import SelectReactClient from '@/app/[locale]/form/select-react/client';
3 |
4 | const SelectReactPage = () => {
5 | return ;
6 | };
7 |
8 | export default SelectReactPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/select/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import SelectClient from '@/app/[locale]/form/select/client';
3 |
4 | const SelectPage = () => {
5 | return ;
6 | };
7 |
8 | export default SelectPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/textarea/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import TextareaClient from '@/app/[locale]/form/textarea/client';
3 |
4 | const TextareaPage = () => {
5 | return ;
6 | };
7 |
8 | export default TextareaPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/validation/_md/ValidationInterface.md:
--------------------------------------------------------------------------------
1 | ```tsx
2 | export interface IValidationBaseProps {
3 | isValidMessage?: boolean;
4 | isValid: boolean;
5 | isTouched: boolean | undefined;
6 | invalidFeedback: string | undefined;
7 | validFeedback?: string;
8 | }
9 |
10 | interface IValidationProps extends IValidationBaseProps {
11 | children: ReactElement;
12 | }
13 | ```
14 |
--------------------------------------------------------------------------------
/src/app/[locale]/form/validation/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ValidationClient from '@/app/[locale]/form/validation/client';
3 |
4 | const ValidationPage = () => {
5 | return ;
6 | };
7 |
8 | export default ValidationPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/icons/_md/IconInterface.md:
--------------------------------------------------------------------------------
1 | ```tsx
2 | export interface IIconProps extends HTMLAttributes {
3 | icon: TIcons;
4 | className?: string;
5 | color?: TColors; // 'zinc' | 'red' | 'amber' | 'lime' | 'emerald' | 'sky' | 'blue' | 'violet';
6 | colorIntensity?: TColorIntensity; // '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
7 | size?: TFontSizes; // 'text-xs' | 'text-sm' | 'text-base' | 'text-lg' | 'text-xl' | 'text-2xl' | 'text-3xl' | 'text-4xl' | 'text-5xl' | 'text-6xl' | 'text-7xl' | 'text-8xl' | 'text-9xl';
8 | }
9 | ```
10 |
--------------------------------------------------------------------------------
/src/app/[locale]/icons/duotone-icons/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import DuotoneIconsClient from '@/app/[locale]/icons/duotone-icons/client';
3 |
4 | const DuotoneIconsPage = () => {
5 | return ;
6 | };
7 |
8 | export default DuotoneIconsPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/icons/heroicons/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import HeroIconsClient from '@/app/[locale]/icons/heroicons/client';
3 |
4 | const HeroIconsPage = () => {
5 | return ;
6 | };
7 |
8 | export default HeroIconsPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/icons/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import IconClient from '@/app/[locale]/icons/client';
3 |
4 | const IconPage = () => {
5 | return ;
6 | };
7 |
8 | export default IconPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/integrated/apex-charts/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ApexChartsClient from '@/app/[locale]/integrated/apex-charts/client';
3 |
4 | const ApexChartsPage = () => {
5 | return ;
6 | };
7 |
8 | export default ApexChartsPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/integrated/full-calendar/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import FullCalendarClient from '@/app/[locale]/integrated/full-calendar/client';
3 |
4 | const FullCalendarPage = () => {
5 | return ;
6 | };
7 |
8 | export default FullCalendarPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/integrated/react-date-range/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDateRangeClient from '@/app/[locale]/integrated/react-date-range/client';
3 |
4 | const ReactDateRangePage = () => {
5 | return ;
6 | };
7 |
8 | export default ReactDateRangePage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/integrated/react-simple-maps/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactSimpleMapsClient from '@/app/[locale]/integrated/react-simple-maps/client';
3 |
4 | const ReactSimpleMapsPage = () => {
5 | return ;
6 | };
7 |
8 | export default ReactSimpleMapsPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/integrated/rich-text/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import RichTextClient from '@/app/[locale]/form/rich-text/client';
3 |
4 | const RichTextPage = () => {
5 | return ;
6 | };
7 |
8 | export default RichTextPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/integrated/select-react/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import SelectReactClient from '@/app/[locale]/form/select-react/client';
3 |
4 | const SelectReactPage = () => {
5 | return ;
6 | };
7 |
8 | export default SelectReactPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/integrated/wave-surfer/_md/WaveSurferExample1.md:
--------------------------------------------------------------------------------
1 | ```tsx
2 | import React from 'react';
3 | import WaveSurferPlayer from './components/WaveSurferPlayer';
4 |
5 | const MyComponent = () => {
6 | return ;
7 | };
8 |
9 | export default MyComponent;
10 | ```
11 |
--------------------------------------------------------------------------------
/src/app/[locale]/integrated/wave-surfer/_partial/WaveSurferExample1.partial.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import WaveSurferPlayer from '@/components/WaveSurferPlayer';
3 |
4 | const WaveSurferExample1Partial = () => {
5 | return ;
6 | };
7 |
8 | export default WaveSurferExample1Partial;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/integrated/wave-surfer/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import WaveSurferClient from '@/app/[locale]/integrated/wave-surfer/client';
3 |
4 | const WaveSurferPage = () => {
5 | return ;
6 | };
7 |
8 | export default WaveSurferPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/project/_types/columns.type.ts:
--------------------------------------------------------------------------------
1 | import { TIcons } from '@/types/icons.type';
2 |
3 | export type TColumnData = { id: string; title: string; icon: TIcons };
4 | type TColumnsData = {
5 | [key: string]: TColumnData;
6 | };
7 |
8 | export default TColumnsData;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/project/board/[slug]/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ProjectBoardClient from '@/app/[locale]/project/board/[slug]/client';
3 | import TranslationsProvider from '@/components/TranslationsProvider';
4 |
5 | const i18nNamespaces = ['translation'];
6 |
7 | const ProjectBoardPage = ({ params: { locale } }: { params: { locale: string } }) => {
8 | return (
9 |
10 |
11 |
12 | );
13 | };
14 |
15 | export default ProjectBoardPage;
16 |
--------------------------------------------------------------------------------
/src/app/[locale]/project/dashboard/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ProjectDashboardClient from '@/app/[locale]/project/dashboard/client';
3 | import TranslationsProvider from '@/components/TranslationsProvider';
4 |
5 | const i18nNamespaces = ['translation'];
6 | const ProjectDashboardPage = ({ params: { locale } }: { params: { locale: string } }) => {
7 | return (
8 |
9 |
10 |
11 | );
12 | };
13 |
14 | export default ProjectDashboardPage;
15 |
--------------------------------------------------------------------------------
/src/app/[locale]/sales/category/[slug]/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import CategoryClient from '@/app/[locale]/sales/category/[slug]/client';
3 |
4 | const CategoryPage = () => {
5 | return ;
6 | };
7 |
8 | export default CategoryPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/sales/category/list/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import CategoryListClient from '@/app/[locale]/sales/category/list/client';
3 |
4 | const CategoryListPage = () => {
5 | return ;
6 | };
7 |
8 | export default CategoryListPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/sales/product/[slug]/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ProductPageClient from '@/app/[locale]/sales/product/[slug]/client';
3 |
4 | const ProductPage = ({ params }: { params: { slug: string } }) => {
5 | return ;
6 | };
7 |
8 | export default ProductPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/sales/product/list/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Metadata } from 'next';
3 | import ProductListClient from './client';
4 |
5 | export const metadata: Metadata = {
6 | title: 'Fyr | Product List',
7 | };
8 |
9 | const ProductListPage = () => {
10 | return ;
11 | };
12 |
13 | export default ProductListPage;
14 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/alert/_md/AlertExample1.md:
--------------------------------------------------------------------------------
1 | ```tsx
2 | import React from 'react';
3 | import Alert from './Alert';
4 |
5 | const MyComponent = () => {
6 | return (
7 |
13 | You can use props and tailwind's class names as needed for your design.
14 |
15 | );
16 | };
17 |
18 | export default MyComponent;
19 | ```
20 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/alert/_md/AlertExample2.md:
--------------------------------------------------------------------------------
1 | ```tsx
2 | import React from 'react';
3 | import Alert from './Alert';
4 |
5 | const MyComponent = () => {
6 | return (
7 |
8 | You can use props and tailwind's class names as needed for your design.
9 |
10 | );
11 | };
12 |
13 | export default MyComponent;
14 | ```
15 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/alert/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import AlertClient from '@/app/[locale]/ui/alert/client';
3 |
4 | const AlertPage = () => {
5 | return ;
6 | };
7 |
8 | export default AlertPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/badge/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import BadgeClient from '@/app/[locale]/ui/badge/client';
3 |
4 | const BadgePage = () => {
5 | return ;
6 | };
7 |
8 | export default BadgePage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/button-group/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ButtonGroupClient from '@/app/[locale]/ui/button-group/client';
3 |
4 | const ButtonGroupPage = () => {
5 | return ;
6 | };
7 |
8 | export default ButtonGroupPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/button/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ButtonClient from '@/app/[locale]/ui/button/client';
3 |
4 | const ButtonPage = () => {
5 | return ;
6 | };
7 |
8 | export default ButtonPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/card/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import CardClient from '@/app/[locale]/ui/card/client';
3 |
4 | const CardPage = () => {
5 | return ;
6 | };
7 |
8 | export default CardPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/collapse/_md/CollapseInterface.md:
--------------------------------------------------------------------------------
1 | ```tsx
2 | interface ICollapseProps extends MotionProps {
3 | children: ReactNode;
4 | className?: string;
5 | isOpen?: boolean;
6 | }
7 | ```
8 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/collapse/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import CollapseClient from '@/app/[locale]/ui/collapse/client';
3 |
4 | const CollapsePage = () => {
5 | return ;
6 | };
7 |
8 | export default CollapsePage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/dropdown/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import DropdownClient from '@/app/[locale]/ui/dropdown/client';
3 |
4 | const DropdownPage = () => {
5 | return ;
6 | };
7 |
8 | export default DropdownPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/modal/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ModalClient from '@/app/[locale]/ui/modal/client';
3 |
4 | const ModalPage = () => {
5 | return ;
6 | };
7 |
8 | export default ModalPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/offcanvas/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import OffcanvasClient from '@/app/[locale]/ui/offcanvas/client';
3 |
4 | const OffcanvasPage = () => {
5 | return ;
6 | };
7 |
8 | export default OffcanvasPage;
9 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/progress/_md/ProgressExample1.md:
--------------------------------------------------------------------------------
1 | ```tsx
2 | import React from 'react';
3 | import Progress from './Progress';
4 |
5 | const MyComponent = () => {
6 | return (
7 |
11 | );
12 | };
13 |
14 | export default MyComponent;
15 | ```
16 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/progress/_md/ProgressExample2.md:
--------------------------------------------------------------------------------
1 | ```tsx
2 | import React from 'react';
3 | import Progress from './Progress';
4 |
5 | const MyComponent = () => {
6 | return (
7 |
8 |
9 |
{(16 / 40) * 100}%
10 |
8 | Lorem ipsum.
9 |
10 |
11 | );
12 | };
13 |
14 | export default MyComponent;
15 | ```
16 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/tooltip/_md/TooltipInterface.md:
--------------------------------------------------------------------------------
1 | ```tsx
2 | interface ITooltipProps extends HTMLAttributes {
3 | children?: ReactNode;
4 | className?: string;
5 | text: string;
6 | placement?: PopperJS.Placement;
7 | borderWidth?: TBorderWidth;
8 | rounded?: TRounded;
9 | }
10 | ```
11 |
--------------------------------------------------------------------------------
/src/app/[locale]/ui/tooltip/page.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import TooltipClient from '@/app/[locale]/ui/tooltip/client';
3 |
4 | const TooltipPage = () => {
5 | return ;
6 | };
7 |
8 | export default TooltipPage;
9 |
--------------------------------------------------------------------------------
/src/app/api/auth/[...nextauth]/route.ts:
--------------------------------------------------------------------------------
1 | import NextAuth from 'next-auth';
2 | import { authOptions } from '@/app/api/auth/[...nextauth]';
3 |
4 | // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
5 | const handler = NextAuth(authOptions);
6 |
7 | export { handler as GET, handler as POST };
8 |
--------------------------------------------------------------------------------
/src/app/api/layout.tsx:
--------------------------------------------------------------------------------
1 | export const metadata = {
2 | title: 'Next.js',
3 | description: 'Generated by Next.js',
4 | }
5 |
6 | export default function RootLayout({
7 | children,
8 | }: {
9 | children: React.ReactNode
10 | }) {
11 | return (
12 |
13 | {children}
14 |
15 | )
16 | }
17 |
--------------------------------------------------------------------------------
/src/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/app/favicon.ico
--------------------------------------------------------------------------------
/src/assets/Cover.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/Cover.png
--------------------------------------------------------------------------------
/src/assets/alex-motoc-0POwK6iAiRQ-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/alex-motoc-0POwK6iAiRQ-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/alex-motoc-0POwK6iAiRQ-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/alex-motoc-0POwK6iAiRQ-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/anomaly-oRskqiH7FNc-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/anomaly-oRskqiH7FNc-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/anomaly-oRskqiH7FNc-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/anomaly-oRskqiH7FNc-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/avatar/user1-thumb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user1-thumb.png
--------------------------------------------------------------------------------
/src/assets/avatar/user1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user1.png
--------------------------------------------------------------------------------
/src/assets/avatar/user2-thumb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user2-thumb.png
--------------------------------------------------------------------------------
/src/assets/avatar/user2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user2.png
--------------------------------------------------------------------------------
/src/assets/avatar/user3-thumb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user3-thumb.png
--------------------------------------------------------------------------------
/src/assets/avatar/user3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user3.png
--------------------------------------------------------------------------------
/src/assets/avatar/user4-thumb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user4-thumb.png
--------------------------------------------------------------------------------
/src/assets/avatar/user4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user4.png
--------------------------------------------------------------------------------
/src/assets/avatar/user5-thumb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user5-thumb.png
--------------------------------------------------------------------------------
/src/assets/avatar/user5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user5.png
--------------------------------------------------------------------------------
/src/assets/avatar/user6-thumb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user6-thumb.png
--------------------------------------------------------------------------------
/src/assets/avatar/user6.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user6.png
--------------------------------------------------------------------------------
/src/assets/avatar/user7-thumb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user7-thumb.png
--------------------------------------------------------------------------------
/src/assets/avatar/user7.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user7.png
--------------------------------------------------------------------------------
/src/assets/avatar/user8-thumb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user8-thumb.png
--------------------------------------------------------------------------------
/src/assets/avatar/user8.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user8.png
--------------------------------------------------------------------------------
/src/assets/avatar/user9-thumb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user9-thumb.png
--------------------------------------------------------------------------------
/src/assets/avatar/user9.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/avatar/user9.png
--------------------------------------------------------------------------------
/src/assets/c-d-x-PDX_a_82obo-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/c-d-x-PDX_a_82obo-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/c-d-x-PDX_a_82obo-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/c-d-x-PDX_a_82obo-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/eniko-kis-KsLPTsYaqIQ-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/eniko-kis-KsLPTsYaqIQ-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/eniko-kis-KsLPTsYaqIQ-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/eniko-kis-KsLPTsYaqIQ-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/erica-steeves-G_lwAp0TF38-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/erica-steeves-G_lwAp0TF38-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/erica-steeves-G_lwAp0TF38-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/erica-steeves-G_lwAp0TF38-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/florian-klauer-mk7D-4UCfmg-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/florian-klauer-mk7D-4UCfmg-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/florian-klauer-mk7D-4UCfmg-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/florian-klauer-mk7D-4UCfmg-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/humans/delivery_man_1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/humans/delivery_man_1.png
--------------------------------------------------------------------------------
/src/assets/humans/delivery_man_5_with_dog.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/humans/delivery_man_5_with_dog.png
--------------------------------------------------------------------------------
/src/assets/irene-kredenets-dwKiHoqqxk8-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/irene-kredenets-dwKiHoqqxk8-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/irene-kredenets-dwKiHoqqxk8-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/irene-kredenets-dwKiHoqqxk8-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/isabella-fischer-6ast1xZ9YJY-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/isabella-fischer-6ast1xZ9YJY-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/isabella-fischer-6ast1xZ9YJY-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/isabella-fischer-6ast1xZ9YJY-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/joan-tran-reEySFadyJQ-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/joan-tran-reEySFadyJQ-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/joan-tran-reEySFadyJQ-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/joan-tran-reEySFadyJQ-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-6rXpQzfCYlw-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-6rXpQzfCYlw-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-6rXpQzfCYlw-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-6rXpQzfCYlw-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-7KMhZqylgss-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-7KMhZqylgss-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-7KMhZqylgss-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-7KMhZqylgss-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-LSNJ-pltdu8-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-LSNJ-pltdu8-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-LSNJ-pltdu8-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-LSNJ-pltdu8-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-Lg4weBBGbLU-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-Lg4weBBGbLU-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-Lg4weBBGbLU-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-Lg4weBBGbLU-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-RZmiDOpv1lM-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-RZmiDOpv1lM-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-RZmiDOpv1lM-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-RZmiDOpv1lM-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-cDrIiiptFqE-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-cDrIiiptFqE-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-cDrIiiptFqE-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-cDrIiiptFqE-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-lSl94SZHRgA-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-lSl94SZHRgA-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-lSl94SZHRgA-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-lSl94SZHRgA-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-x_BppzRCBLs-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-x_BppzRCBLs-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/kiran-ck-x_BppzRCBLs-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/kiran-ck-x_BppzRCBLs-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/mae-mu-GnWKTJlMYsQ-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/mae-mu-GnWKTJlMYsQ-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/mae-mu-GnWKTJlMYsQ-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/mae-mu-GnWKTJlMYsQ-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/marius-masalar-2rm8p0rKXiw-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/marius-masalar-2rm8p0rKXiw-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/marius-masalar-2rm8p0rKXiw-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/marius-masalar-2rm8p0rKXiw-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/mike-meyers-v8XaVfyo41Q-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/mike-meyers-v8XaVfyo41Q-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/mike-meyers-v8XaVfyo41Q-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/mike-meyers-v8XaVfyo41Q-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/milad-fakurian-58Z17lnVS4U-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/milad-fakurian-58Z17lnVS4U-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/milad-fakurian-58Z17lnVS4U-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/milad-fakurian-58Z17lnVS4U-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/milena-trifonova-pHqt1DsHCx0-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/milena-trifonova-pHqt1DsHCx0-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/milena-trifonova-pHqt1DsHCx0-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/milena-trifonova-pHqt1DsHCx0-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/mohammad-metri-E-0ON3VGrBc-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/mohammad-metri-E-0ON3VGrBc-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/mohammad-metri-E-0ON3VGrBc-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/mohammad-metri-E-0ON3VGrBc-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/nayam-27twCoUEAPM-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/nayam-27twCoUEAPM-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/norbert-levajsics-dUx0gwLbhzs-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/norbert-levajsics-dUx0gwLbhzs-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/norbert-levajsics-dUx0gwLbhzs-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/norbert-levajsics-dUx0gwLbhzs-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/rachit-tank-2cFZ_FB08UM-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/rachit-tank-2cFZ_FB08UM-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/rachit-tank-2cFZ_FB08UM-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/rachit-tank-2cFZ_FB08UM-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/required/check.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/assets/required/chevron-down.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/assets/required/dark-switch-off.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/assets/required/dark:chevron-down.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/assets/required/switch-off.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/assets/required/switch-on.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/assets/rianne-zuur-aeGLb-6DPp8-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/rianne-zuur-aeGLb-6DPp8-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/rianne-zuur-aeGLb-6DPp8-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/rianne-zuur-aeGLb-6DPp8-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/sincerely-media-0KwFuwdW7pU-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/sincerely-media-0KwFuwdW7pU-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/sincerely-media-0KwFuwdW7pU-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/sincerely-media-0KwFuwdW7pU-unsplash.jpg
--------------------------------------------------------------------------------
/src/assets/thought-catalog-o0Qqw21-0NI-unsplash-thumb.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/thought-catalog-o0Qqw21-0NI-unsplash-thumb.jpg
--------------------------------------------------------------------------------
/src/assets/thought-catalog-o0Qqw21-0NI-unsplash.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bangoc123/protonx-ai-app-UI/356b1569be80605ba89085375514d13095104b63/src/assets/thought-catalog-o0Qqw21-0NI-unsplash.jpg
--------------------------------------------------------------------------------
/src/components/Crisp.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import { useEffect } from 'react';
4 | import { Crisp } from 'crisp-sdk-web';
5 |
6 | const CrispChat = () => {
7 | useEffect(() => {
8 | Crisp.configure('8259c130-f884-4738-86d2-cdc354205e80');
9 | });
10 |
11 | return null;
12 | };
13 |
14 | export default CrispChat;
15 |
--------------------------------------------------------------------------------
/src/components/Mounted.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import React, { FC, ReactNode } from 'react';
4 | import useMounted from '../hooks/useMounted';
5 |
6 | interface IMountedProps {
7 | children: ReactNode;
8 | fallback?: ReactNode;
9 | }
10 | const Mounted: FC = ({ children, fallback }) => {
11 | const { mounted } = useMounted();
12 |
13 | // eslint-disable-next-line react/jsx-no-useless-fragment
14 | if (mounted) return <>{children};
15 | return fallback || null;
16 | };
17 |
18 | export default Mounted;
19 |
--------------------------------------------------------------------------------
/src/components/NextAuthProvider.tsx:
--------------------------------------------------------------------------------
1 | 'use client';
2 |
3 | import React, { FC, ReactNode } from 'react';
4 | import { SessionProvider } from 'next-auth/react';
5 |
6 | interface AuthProviderProps {
7 | children: ReactNode;
8 | }
9 | const NextAuthProvider: FC = ({ children }) => {
10 | return {children};
11 | };
12 |
13 | export default NextAuthProvider;
14 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Adjust.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgAdjust = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgAdjust;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/AnchorCenter.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgAnchorCenter = (props: SVGProps) => {
4 | return (
5 |
12 | );
13 | };
14 |
15 | export default SvgAnchorCenter;
16 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/AnchorLeft.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgAnchorLeft = (props: SVGProps) => {
4 | return (
5 |
16 | );
17 | };
18 |
19 | export default SvgAnchorLeft;
20 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/AnchorRight.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgAnchorRight = (props: SVGProps) => {
4 | return (
5 |
16 | );
17 | };
18 |
19 | export default SvgAnchorRight;
20 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/AngleDown.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgAngleDown = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgAngleDown;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/AngleLeft.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgAngleLeft = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgAngleLeft;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/AngleRight.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgAngleRight = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgAngleRight;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/AngleUp.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgAngleUp = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgAngleUp;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Archive.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArchive = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgArchive;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Atm.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgAtm = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgAtm;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Barcode.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBarcode = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgBarcode;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/BatteryFull.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBatteryFull = (props: SVGProps) => {
4 | return (
5 |
16 | );
17 | };
18 |
19 | export default SvgBatteryFull;
20 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Bookmark.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBookmark = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgBookmark;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Border.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBorder = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgBorder;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Box.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBox = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgBox;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Box1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBox1 = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgBox1;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Brassiere.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBrassiere = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgBrassiere;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Cap1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCap1 = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgCap1;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Cap2.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCap2 = (props: SVGProps) => {
4 | return (
5 |
11 | );
12 | };
13 |
14 | export default SvgCap2;
15 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Cap3.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCap3 = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgCap3;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Cd.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCd = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgCd;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Chat2.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgChat2 = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgChat2;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Check.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCheck = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgCheck;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Circle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCircle = (props: SVGProps) => {
4 | return (
5 |
11 | );
12 | };
13 |
14 | export default SvgCircle;
15 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Close.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgClose = (props: SVGProps) => {
4 | return (
5 |
11 | );
12 | };
13 |
14 | export default SvgClose;
15 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Cloud1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCloud1 = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgCloud1;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Cloud2.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCloud2 = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgCloud2;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Color.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgColor = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgColor;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Compass1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCompass1 = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgCompass1;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Control.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgControl = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgControl;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/CreditCard.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCreditCard = (props: SVGProps) => {
4 | return (
5 |
13 | );
14 | };
15 |
16 | export default SvgCreditCard;
17 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Cursor.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCursor = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgCursor;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Dinner.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgDinner = (props: SVGProps) => {
4 | return (
5 |
16 | );
17 | };
18 |
19 | export default SvgDinner;
20 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Direction1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgDirection1 = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgDirection1;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Direction2.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgDirection2 = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgDirection2;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Dish.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgDish = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgDish;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Dvd.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgDvd = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgDvd;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Edit.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgEdit = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgEdit;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Filter.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgFilter = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgFilter;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Fire.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgFire = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgFire;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Flatten.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgFlatten = (props: SVGProps) => {
4 | return (
5 |
16 | );
17 | };
18 |
19 | export default SvgFlatten;
20 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Folder.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgFolder = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgFolder;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Folder1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgFolder1 = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgFolder1;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/FolderSolid.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgFolderSolid = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgFolderSolid;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Fridge.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgFridge = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgFridge;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Gameboy.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgGameboy = (props: SVGProps) => {
4 | return (
5 |
16 | );
17 | };
18 |
19 | export default SvgGameboy;
20 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/H1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgH1 = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgH1;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Heart.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgHeart = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgHeart;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/HighVoltage.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgHighVoltage = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgHighVoltage;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/IceCream2.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgIceCream2 = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgIceCream2;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Image.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgImage = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgImage;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/InfoCircle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgInfoCircle = (props: SVGProps) => {
4 | return (
5 |
13 | );
14 | };
15 |
16 | export default SvgInfoCircle;
17 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/IphoneBack.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgIphoneBack = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgIphoneBack;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/IphoneXBack.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgIphoneXBack = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgIphoneXBack;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Italic.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgItalic = (props: SVGProps) => {
4 | return (
5 |
11 | );
12 | };
13 |
14 | export default SvgItalic;
15 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Join1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgJoin1 = (props: SVGProps) => {
4 | return (
5 |
12 | );
13 | };
14 |
15 | export default SvgJoin1;
16 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Join2.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgJoin2 = (props: SVGProps) => {
4 | return (
5 |
12 | );
13 | };
14 |
15 | export default SvgJoin2;
16 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Lamp2.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgLamp2 = (props: SVGProps) => {
4 | return (
5 |
16 | );
17 | };
18 |
19 | export default SvgLamp2;
20 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/LayoutLeftPanel1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgLayoutLeftPanel1 = (props: SVGProps) => {
4 | return (
5 |
12 | );
13 | };
14 |
15 | export default SvgLayoutLeftPanel1;
16 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/LayoutRightPanel1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgLayoutRightPanel1 = (props: SVGProps) => {
4 | return (
5 |
12 | );
13 | };
14 |
15 | export default SvgLayoutRightPanel1;
16 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Loading.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgLoading = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgLoading;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/LocationArrow.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgLocationArrow = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgLocationArrow;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Lock.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgLock = (props: SVGProps) => {
4 | return (
5 |
16 | );
17 | };
18 |
19 | export default SvgLock;
20 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Mail.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgMail = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgMail;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Marker1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgMarker1 = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgMarker1;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Marker2.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgMarker2 = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgMarker2;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Mc.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgMc = (props: SVGProps) => {
4 | return (
5 |
16 | );
17 | };
18 |
19 | export default SvgMc;
20 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Minus.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgMinus = (props: SVGProps) => {
4 | return (
5 |
16 | );
17 | };
18 |
19 | export default SvgMinus;
20 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Minus1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgMinus1 = (props: SVGProps) => {
4 | return (
5 |
12 | );
13 | };
14 |
15 | export default SvgMinus1;
16 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Moon.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgMoon = (props: SVGProps) => {
4 | return (
5 |
11 | );
12 | };
13 |
14 | export default SvgMoon;
15 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Notifications1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgNotifications1 = (props: SVGProps) => {
4 | return (
5 |
11 | );
12 | };
13 |
14 | export default SvgNotifications1;
15 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Other1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgOther1 = (props: SVGProps) => {
4 | return (
5 |
13 | );
14 | };
15 |
16 | export default SvgOther1;
17 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Other2.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgOther2 = (props: SVGProps) => {
4 | return (
5 |
13 | );
14 | };
15 |
16 | export default SvgOther2;
17 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Panties.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPanties = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgPanties;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Paragraph.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgParagraph = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgParagraph;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Pause.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPause = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgPause;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Pencil.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPencil = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgPencil;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Play.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPlay = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgPlay;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Plus.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPlus = (props: SVGProps) => {
4 | return (
5 |
19 | );
20 | };
21 |
22 | export default SvgPlus;
23 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Plus1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPlus1 = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgPlus1;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Polygon.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPolygon = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgPolygon;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Puzzle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPuzzle = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgPuzzle;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Quote1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgQuote1 = (props: SVGProps) => {
4 | return (
5 |
12 | );
13 | };
14 |
15 | export default SvgQuote1;
16 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Quote2.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgQuote2 = (props: SVGProps) => {
4 | return (
5 |
12 | );
13 | };
14 |
15 | export default SvgQuote2;
16 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Rec.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgRec = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgRec;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Rectangle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgRectangle = (props: SVGProps) => {
4 | return (
5 |
11 | );
12 | };
13 |
14 | export default SvgRectangle;
15 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/SdCard.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgSdCard = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgSdCard;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Send.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgSend = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgSend;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Settings2.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgSettings2 = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgSettings2;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Settings3.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgSettings3 = (props: SVGProps) => {
4 | return (
5 |
12 | );
13 | };
14 |
15 | export default SvgSettings3;
16 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Shift.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgShift = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgShift;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Sketch.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgSketch = (props: SVGProps) => {
4 | return (
5 |
12 | );
13 | };
14 |
15 | export default SvgSketch;
16 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/SocketEu.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgSocketEu = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgSocketEu;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Stairs.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgStairs = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgStairs;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Tablet.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgTablet = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgTablet;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/TemperatureFull.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgTemperatureFull = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgTemperatureFull;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/TemperatureHalf.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgTemperatureHalf = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgTemperatureHalf;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Text.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgText = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgText;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Thunder.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgThunder = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgThunder;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Towel.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgTowel = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgTowel;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Triangle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgTriangle = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgTriangle;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Unlock.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgUnlock = (props: SVGProps) => {
4 | return (
5 |
16 | );
17 | };
18 |
19 | export default SvgUnlock;
20 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Update.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgUpdate = (props: SVGProps) => {
4 | return (
5 |
14 | );
15 | };
16 |
17 | export default SvgUpdate;
18 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Usb.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgUsb = (props: SVGProps) => {
4 | return (
5 |
16 | );
17 | };
18 |
19 | export default SvgUsb;
20 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Vinyl.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgVinyl = (props: SVGProps) => {
4 | return (
5 |
15 | );
16 | };
17 |
18 | export default SvgVinyl;
19 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Visible.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgVisible = (props: SVGProps) => {
4 | return (
5 |
16 | );
17 | };
18 |
19 | export default SvgVisible;
20 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Wood1.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgWood1 = (props: SVGProps) => {
4 | return (
5 |
16 | );
17 | };
18 |
19 | export default SvgWood1;
20 |
--------------------------------------------------------------------------------
/src/components/icon/duotone/Wood2.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgWood2 = (props: SVGProps) => {
4 | return (
5 |
12 | );
13 | };
14 |
15 | export default SvgWood2;
16 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowDown.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowDown = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowDown;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowDownCircle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowDownCircle = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowDownCircle;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowDownLeft.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowDownLeft = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowDownLeft;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowDownRight.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowDownRight = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowDownRight;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowDownTray.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowDownTray = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowDownTray;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowLeft.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowLeft = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowLeft;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowLeftCircle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowLeftCircle = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowLeftCircle;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowLongDown.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowLongDown = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowLongDown;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowLongLeft.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowLongLeft = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowLongLeft;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowLongRight.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowLongRight = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowLongRight;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowLongUp.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowLongUp = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowLongUp;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowRight.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowRight = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowRight;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowRightCircle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowRightCircle = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowRightCircle;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowSmallDown.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowSmallDown = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowSmallDown;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowSmallLeft.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowSmallLeft = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowSmallLeft;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowSmallRight.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowSmallRight = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowSmallRight;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowSmallUp.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowSmallUp = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowSmallUp;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowTrendingDown.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowTrendingDown = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowTrendingDown;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowTrendingUp.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowTrendingUp = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowTrendingUp;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowUp.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowUp = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowUp;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowUpCircle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowUpCircle = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowUpCircle;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowUpLeft.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowUpLeft = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowUpLeft;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowUpRight.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowUpRight = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowUpRight;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowUpTray.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowUpTray = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowUpTray;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowUturnDown.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowUturnDown = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowUturnDown;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowUturnLeft.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowUturnLeft = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowUturnLeft;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowUturnRight.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowUturnRight = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowUturnRight;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowUturnUp.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowUturnUp = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowUturnUp;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowsRightLeft.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowsRightLeft = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowsRightLeft;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ArrowsUpDown.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgArrowsUpDown = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgArrowsUpDown;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/AtSymbol.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgAtSymbol = (props: SVGProps) => (
4 |
17 | );
18 | export default SvgAtSymbol;
19 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Bars2.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBars2 = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgBars2;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Bars3.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBars3 = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgBars3;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Bars3BottomLeft.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBars3BottomLeft = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgBars3BottomLeft;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Bars3BottomRight.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBars3BottomRight = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgBars3BottomRight;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Bars3CenterLeft.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBars3CenterLeft = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgBars3CenterLeft;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Bars4.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBars4 = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgBars4;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/BarsArrowDown.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBarsArrowDown = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgBarsArrowDown;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/BarsArrowUp.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBarsArrowUp = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgBarsArrowUp;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Bolt.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBolt = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgBolt;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Bookmark.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgBookmark = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgBookmark;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Check.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCheck = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgCheck;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/CheckCircle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCheckCircle = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgCheckCircle;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ChevronDoubleDown.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgChevronDoubleDown = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgChevronDoubleDown;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ChevronDoubleLeft.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgChevronDoubleLeft = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgChevronDoubleLeft;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ChevronDoubleRight.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgChevronDoubleRight = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgChevronDoubleRight;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ChevronDoubleUp.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgChevronDoubleUp = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgChevronDoubleUp;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ChevronDown.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgChevronDown = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgChevronDown;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ChevronLeft.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgChevronLeft = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgChevronLeft;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ChevronRight.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgChevronRight = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgChevronRight;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ChevronUp.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgChevronUp = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgChevronUp;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ChevronUpDown.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgChevronUpDown = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgChevronUpDown;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Clock.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgClock = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgClock;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Cloud.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCloud = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgCloud;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/CodeBracket.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCodeBracket = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgCodeBracket;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Cube.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCube = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgCube;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/CurrencyEuro.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCurrencyEuro = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgCurrencyEuro;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/CurrencyRupee.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCurrencyRupee = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgCurrencyRupee;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/CurrencyYen.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgCurrencyYen = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgCurrencyYen;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/ExclamationCircle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgExclamationCircle = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgExclamationCircle;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Hashtag.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgHashtag = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgHashtag;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/MagnifyingGlass.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgMagnifyingGlass = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgMagnifyingGlass;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/MagnifyingGlassMinus.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgMagnifyingGlassMinus = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgMagnifyingGlassMinus;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/MagnifyingGlassPlus.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgMagnifyingGlassPlus = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgMagnifyingGlassPlus;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Minus.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgMinus = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgMinus;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/MinusCircle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgMinusCircle = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgMinusCircle;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/MinusSmall.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgMinusSmall = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgMinusSmall;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/NoSymbol.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgNoSymbol = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgNoSymbol;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/PaperAirplane.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPaperAirplane = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgPaperAirplane;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Pause.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPause = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgPause;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/PauseCircle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPauseCircle = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgPauseCircle;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Play.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPlay = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgPlay;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Plus.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPlus = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgPlus;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/PlusCircle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPlusCircle = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgPlusCircle;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/PlusSmall.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPlusSmall = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgPlusSmall;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Power.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgPower = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgPower;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/QueueList.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgQueueList = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgQueueList;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Rss.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgRss = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgRss;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/Stop.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgStop = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgStop;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/XCircle.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgXCircle = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgXCircle;
20 |
--------------------------------------------------------------------------------
/src/components/icon/heroicons/XMark.tsx:
--------------------------------------------------------------------------------
1 | import React, { SVGProps } from 'react';
2 |
3 | const SvgXMark = (props: SVGProps) => (
4 |
18 | );
19 | export default SvgXMark;
20 |
--------------------------------------------------------------------------------
/src/components/icon/svg-icons/CustomNpm.tsx:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import type { SVGProps } from "react";
3 | const SvgCustomNpm = (props: SVGProps) => ;
4 | export default SvgCustomNpm;
--------------------------------------------------------------------------------
/src/components/icon/svg-icons/index.ts:
--------------------------------------------------------------------------------
1 | export { default as CustomApple } from './CustomApple'
2 | export { default as CustomFacebook } from './CustomFacebook'
3 | export { default as CustomGithub } from './CustomGithub'
4 | export { default as CustomGoogle } from './CustomGoogle'
5 | export { default as CustomNpm } from './CustomNpm'
6 | export { default as CustomSaudiArabia } from './CustomSaudiArabia'
7 | export { default as CustomSpain } from './CustomSpain'
8 | export { default as CustomTurkey } from './CustomTurkey'
9 | export { default as CustomUsa } from './CustomUsa'
--------------------------------------------------------------------------------
/src/components/layouts/Breadcrumb/Breadcrumb.tsx:
--------------------------------------------------------------------------------
1 | import React, { FC, HTMLAttributes } from 'react';
2 |
3 | interface IBreadcrumbProps extends HTMLAttributes {
4 | path?: string;
5 | currentPage?: string;
6 | }
7 | const Breadcrumb: FC = (props) => {
8 | const { path, currentPage, ...rest } = props;
9 | return (
10 |
11 | {path &&
{path}
}
12 | {currentPage &&
{currentPage}
}
13 |