// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import PropTypes from 'prop-types';
import React, {PureComponent} from 'react';

export default class MarkdownList extends PureComponent {
    static propTypes = {
        children: PropTypes.node.isRequired,
        ordered: PropTypes.bool.isRequired,
        start: PropTypes.number,
        tight: PropTypes.bool,
    };

    static defaultProps = {
        start: 1,
    };

    render() {
        let bulletWidth = 15;
        if (this.props.ordered) {
            const lastNumber = (this.props.start + this.props.children.length) - 1;
            bulletWidth = (9 * lastNumber.toString().length) + 7;
        }

        const children = React.Children.map(this.props.children, (child) => {
            return React.cloneElement(child, {
                bulletWidth,
                ordered: this.props.ordered,
                tight: this.props.tight,
            });
        });

        return (
            <React.Fragment>
                {children}
            </React.Fragment>
        );
    }
}