import Icon from 'bloko/blocks/icon/Icon';

import RenamedInput from 'bloko/blocks/inputText';

const separateKind = Icon.kinds.minor;

// eslint-disable-next-line no-unused-vars
const InvalidComponent = ({ Element }) => (
    <Element>
        <Icon view="info" />
        <Icon view={`info`} />
        <Icon view={Icon.kinds.action} />
        <Icon initial={Icon.views.info} />
        <Icon view={separateKind} />
        <Icon view={<Icon view={Icon.views.info} />} />
        <RenamedInput type="text" />
    </Element>
);