<commit_before>import React from 'react';

import Icon from 'src/Icon';
import StatusIcon from 'src/StatusIcon';
import DebugBox from '../DebugBox';

function IconDoc() {
    return (
        <div>
            <h2>&lt;Icon&gt;</h2>

            <div>
                <p>Basic icons</p>

                <Icon type="add" />
                <Icon type="edit" />
                <Icon type="duplicate" />
                <Icon type="copypaste" />
                <Icon type="tickets" />
                <Icon type="trashcan" />
                <Icon type="drag" />
                <Icon type="success" />
                <Icon type="error" />
                <Icon type="delete" />
                <Icon type="header-next" />
                <Icon type="header-prev" />
                <Icon type="fold" />
                <Icon type="unfold" />
                <Icon type="next" />
                <Icon type="prev" />
                <Icon type="folder" />
                <Icon type="loading" spinning />
                <Icon type="lock" />
                <Icon type="unlock" />
                <Icon type="radio-empty" />
                <Icon type="radio-half" />
                <Icon type="radio-selected" />
                <Icon type="picture" />
                <Icon type="printer" />
                <Icon type="pause" />
                <Icon type="play" />
                <Icon type="search" />
            </div>

            <div>
                <p>Payment icons</p>

                <Icon type="cash" />
                <Icon type="credit-card" />
                <Icon type="ctbc-direct" />
                <Icon type="ctbc-mpos" />
                <Icon type="custom-pay" />
            </div>

            <div>
                <p>CRM icons</p>

                <Icon type="crm-address" />
                <Icon type="crm-age" />
                <Icon type="crm-birthday" />
                <Icon type="crm-email" />
                <Icon type="crm-gender" />
                <Icon type="crm-member-name" />
                <Icon type="crm-member-note" />
                <Icon type="crm-phone-land" />
                <Icon type="crm-phone-mobile" />
            </div>

            <div>
                <p>Large icons</p>

                <Icon type="success" large style={{ color: '#78c878' }} />
                <Icon type="error" large color="blue" />
                <Icon type="delete" large color="red" />
            </div>

            <h2>&lt;StatusIcon&gt;</h2>
<commit_msg>[demo] Add inventory icons examples<commit_after>import React from 'react';

import Icon from 'src/Icon';
import StatusIcon from 'src/StatusIcon';
import DebugBox from '../DebugBox';

function IconDoc() {
    return (
        <div>
            <h2>&lt;Icon&gt;</h2>

            <div>
                <p>Basic icons</p>

                <Icon type="add" />
                <Icon type="edit" />
                <Icon type="duplicate" />
                <Icon type="copypaste" />
                <Icon type="tickets" />
                <Icon type="trashcan" />
                <Icon type="drag" />
                <Icon type="success" />
                <Icon type="error" />
                <Icon type="delete" />
                <Icon type="header-next" />
                <Icon type="header-prev" />
                <Icon type="fold" />
                <Icon type="unfold" />
                <Icon type="next" />
                <Icon type="prev" />
                <Icon type="folder" />
                <Icon type="loading" spinning />
                <Icon type="lock" />
                <Icon type="unlock" />
                <Icon type="radio-empty" />
                <Icon type="radio-half" />
                <Icon type="radio-selected" />
                <Icon type="picture" />
                <Icon type="printer" />
                <Icon type="pause" />
                <Icon type="play" />
                <Icon type="search" />
            </div>

            <div>
                <p>Payment icons</p>

                <Icon type="cash" />
                <Icon type="credit-card" />
                <Icon type="ctbc-direct" />
                <Icon type="ctbc-mpos" />
                <Icon type="custom-pay" />
            </div>

            <div>
                <p>CRM icons</p>

                <Icon type="crm-address" />
                <Icon type="crm-age" />
                <Icon type="crm-birthday" />
                <Icon type="crm-email" />
                <Icon type="crm-gender" />
                <Icon type="crm-member-name" />
                <Icon type="crm-member-note" />
                <Icon type="crm-phone-land" />
                <Icon type="crm-phone-mobile" />
            </div>

            <div>
                <p>Inventory icons</p>

                <Icon type="inventory-category" />
                <Icon type="inventory-item" />
            </div>

            <div>
                <p>Large icons</p>

                <Icon type="success" large style={{ color: '#78c878' }} />
                <Icon type="error" large color="blue" />
                <Icon type="delete" large color="red" />
            </div>

            <h2>&lt;StatusIcon&gt;</h2>

{'fraction_non_alphanumeric': 0.1549673954737246, 'fraction_numerical': 0.0034522439585730723, 'mean_word_length': 1.1002819170358438, 'pattern_counts': {'":': 0, '<': 141, '<?xml version=': 0, '>': 141, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6061991', 'n_tokens_mistral': 1525, 'n_tokens_neox': 1380, 'n_words': 286}