<commit_before>import React, {Component} from 'react';

import Anchor from 'src/Anchor';
import Widget from 'src/Widget';
import WidgetHeader from 'src/WidgetHeader';
import Theme from 'src/Theme';

import PropTypeDescTable from 'components/PropTypeDescTable';
import doc from 'assets/propTypes/Anchor.json';

import 'sass/containers/app/modules/anchor/AnchorExamples.scss';

export default class AnchorExamples extends Component {

    constructor(props) {
        super(props);
    }

    render() {

        return (
            <div className="example anchor-examples">

                <h2 className="example-title">Anchor</h2>

                <p>
                    An <span>Anchor</span> element.
                </p>

                <h2 className="example-title">Examples</h2>

                <Widget>

                    <WidgetHeader className="example-header" title="Basic"/>

                    <div className="widget-content">
                        <div className="example-content">

                            <div className="examples-wrapper">

                                <Anchor>
                                    Default
                                </Anchor>

                                <Anchor theme={Theme.PRIMARY}>
                                    Primary
                                </Anchor>

                                <Anchor theme={Theme.SECONDARY}>
                                    Secondary
                                </Anchor>

                                <Anchor theme={Theme.HIGHLIGHT}>
                                    Highlight
                                </Anchor>

                                <Anchor theme={Theme.INFO}>
                                    Info
                                </Anchor>

                                <Anchor theme={Theme.SUCCESS}>
                                    Success
                                </Anchor>

                                <Anchor theme={Theme.WARNING}>
                                    Warning
                                </Anchor>

                                <Anchor theme={Theme.ERROR}>
                                    Error
                                </Anchor>

                                <Anchor disabled={true}>
                                    Disabled
                                </Anchor>

                            </div>

                        </div>
                    </div>

                </Widget>

                <Widget>

                    <WidgetHeader className="example-header" title="With icon"/>

                    <div className="widget-content">
                        <div className="example-content">

                            <div className="examples-wrapper">

                                <Anchor iconCls="fa fa-undo">
                                    Reset
                                </Anchor>

                                <Anchor theme={Theme.SUCCESS}
                                        iconCls="fa fa-plus">
                                    Add
                                </Anchor>

                                <Anchor theme={Theme.ERROR}
                                        iconCls="fa fa-trash">
                                    Delete
                                </Anchor>

                                <Anchor theme={Theme.PRIMARY}
                                        rightIconCls="fa fa-chevron-right">
                                    Next
                                </Anchor>

                            </div>

                        </div>
                    </div>

                </Widget>

                <h2 className="example-title">Properties</h2>

                <PropTypeDescTable data={doc}/>

            </div>
        );
    }
};<commit_msg>update Anchor examples<commit_after>import React, {Component} from 'react';

import Anchor from 'src/Anchor';
import Widget from 'src/Widget';
import WidgetHeader from 'src/WidgetHeader';

import PropTypeDescTable from 'components/PropTypeDescTable';
import doc from 'assets/propTypes/Anchor.json';

import 'sass/containers/app/modules/anchor/AnchorExamples.scss';

export default class AnchorExamples extends Component {

    constructor(props) {
        super(props);
    }

    render() {

        return (
            <div className="example anchor-examples">

                <h2 className="example-title">Anchor</h2>

                <p>
                    An <span>Anchor</span> element.
                </p>

                <h2 className="example-title">Examples</h2>

                <Widget>

                    <WidgetHeader className="example-header" title="Basic"/>

                    <div className="widget-content">
                        <div className="example-content">

                            <div className="examples-wrapper">

                                <Anchor>
                                    Default
                                </Anchor>

                                <Anchor theme={Anchor.Theme.PRIMARY}>
                                    Primary
                                </Anchor>

                                <Anchor theme={Anchor.Theme.SECONDARY}>
                                    Secondary
                                </Anchor>

                                <Anchor theme={Anchor.Theme.HIGHLIGHT}>
                                    Highlight
                                </Anchor>

                                <Anchor theme={Anchor.Theme.INFO}>
                                    Info
                                </Anchor>

                                <Anchor theme={Anchor.Theme.SUCCESS}>
                                    Success
                                </Anchor>

                                <Anchor theme={Anchor.Theme.WARNING}>
                                    Warning
                                </Anchor>

                                <Anchor theme={Anchor.Theme.ERROR}>
                                    Error
                                </Anchor>

                                <Anchor disabled={true}>
                                    Disabled
                                </Anchor>

                            </div>

                        </div>
                    </div>

                </Widget>

                <Widget>

                    <WidgetHeader className="example-header" title="With icon"/>

                    <div className="widget-content">
                        <div className="example-content">

                            <div className="examples-wrapper">

                                <Anchor iconCls="fa fa-undo">
                                    Reset
                                </Anchor>

                                <Anchor theme={Anchor.Theme.SUCCESS}
                                        iconCls="fa fa-plus">
                                    Add
                                </Anchor>

                                <Anchor theme={Anchor.Theme.ERROR}
                                        iconCls="fa fa-trash">
                                    Delete
                                </Anchor>

                                <Anchor theme={Anchor.Theme.PRIMARY}
                                        rightIconCls="fa fa-chevron-right">
                                    Next
                                </Anchor>

                            </div>

                        </div>
                    </div>

                </Widget>

                <h2 className="example-title">Properties</h2>

                <PropTypeDescTable data={doc}/>

            </div>
        );
    }
};
{'fraction_non_alphanumeric': 0.08382617639496015, 'fraction_numerical': 0.0015428130624839291, 'mean_word_length': 0.7210176991150442, 'pattern_counts': {'":': 0, '<': 117, '<?xml version=': 0, '>': 117, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 32, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2556949', 'n_tokens_mistral': 1649, 'n_tokens_neox': 1436, 'n_words': 288}