import {
addIcon as addOfflineIcon,
addCollection as addOfflineCollection,
} from '@iconify/react/dist/offline';
import {
addIcon as addOnlineIcon,
addCollection as addOnlineCollection,
disableCache,
} from '@iconify/react';
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 { FullUsageDemo } from './demo-components/UsageFull';
import { TestsOffline } from './test-components/TestsOffline';
import { TestsFullOffline } from './test-components/TestsFullOffline';
import { TestsFull } from './test-components/TestsFull';
import './App.css';
// Disable cache
disableCache('all');
// 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 different custom icons as 'experiment2' for offline and online modes
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;