import React from 'react';
import {
addIcon as addOfflineIcon,
addCollection as addOfflineCollection,
} from '@iconify/react/dist/offline';
import {
addIcon as addOnlineIcon,
addCollection as addOnlineCollection,
} from '@iconify/react/dist/iconify';
import presentationPlay from '@iconify-icons/mdi-light/presentation-play';
import playIcon from '@iconify-icons/mdi-light/play';
import { Checkbox } from './demo-components/Checkbox';
import { InlineDemo } from './demo-components/Inline';
import { OfflineUsageDemo } from './demo-components/UsageOffline';
import { FullOfflineUsageDemo } from './demo-components/UsageFullOffline';
import { TestsOffline } from './test-components/TestsOffline';
import { TestsFullOffline } from './test-components/TestsFullOffline';
import './App.css';
// Add 'mdi-light:presentation-play' as 'demo' for offline module
addOfflineIcon('demo', presentationPlay);
// Add 'mdi-light:play' as 'demo' for full module
addOnlineIcon('demo', playIcon);
// Add custom icon as 'experiment'
addOfflineIcon('experiment2', {
width: 16,
height: 16,
body:
'',
});
addOnlineIcon('experiment2', {
width: 16,
height: 16,
body:
'',
});
// Add few mdi-light: icons
addOfflineCollection({
prefix: 'offline-mdi-light',
icons: {
'account-alert': {
body:
'',
},
'link': {
body:
'',
},
},
width: 24,
height: 24,
});
addOnlineCollection({
prefix: '',
icons: {
alert1: {
body:
'',
},
link1: {
body:
'',
},
},
width: 24,
height: 24,
});
function App() {
return (
);
}
export default App;