import { logUtils } from '@0xproject/utils';
import * as _ from 'lodash';
import * as React from 'react';

import { CustomType } from '../types';

const STRING_ENUM_CODE_PREFIX = ' strEnum(';

export interface CustomEnumProps {
    type: CustomType;
}

// This component renders custom string enums that was a work-around for versions of
// TypeScript <2.4.0 that did not support them natively. We keep it around to support
// older versions of 0x.js <0.9.0
export const CustomEnum = (props: CustomEnumProps) => {
    const type = props.type;
    if (!_.startsWith(type.defaultValue, STRING_ENUM_CODE_PREFIX)) {
        logUtils.log('We do not yet support `Variable` types that are not strEnums');
        return null;
    }
    // Remove the prefix and postfix, leaving only the strEnum values without quotes.
    const enumValues = type.defaultValue.slice(10, -3).replace(/'/g, '');
    return (
        <span>
            {`{`}
            {'\t'}
            {enumValues}
            <br />
            {`}`}
        </span>
    );
};