import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import Translate from '../Translate';
import './style.scss';

function Label(props) {
    const labelClassName = classNames('Label', props.className, {
        Label_required: props.required,
    });

    return (
        <label
            className={labelClassName}
            htmlFor={props.for}
        >
            <Translate tag={props.label} />
        </label>
    );
}

Label.propTypes = {
    label: PropTypes.string.isRequired,
    for: PropTypes.string.isRequired,
    required: PropTypes.bool,
    className: PropTypes.string,
};

Label.defaultProps = {
    required: false,
    className: '',
};

export default Label;