import classnames from 'classnames';

// eslint-disable-next-line no-unused-vars
const InvalidComponent = ({ Element }) => (
    <Element>
        <Element className="bloko-notification"></Element>
        <Element className="bloko-notification" />
        <div className={`bloko-row`} />
        <div className="bloko-row" />
        <div className="bloko-row" />
        <form className="bloko-form">
            <div className="bloko-something bloko-something_modifier" />
            <div className={classnames('g-hidden bloko-gap bloko-form', { 'bloko-form-row': true })} />
            <div
                className={classnames('g-hidden bloko-gap bloko-form', [
                    { 'bloko-form-row': true },
                    'bloko-select',
                    `bloko-select`,
                ])}
            />
        </form>
        <div
            className={() =>
                classnames('g-hidden bloko-gap bloko-form', [{ 'bloko-form-row': true }, 'bloko-select'])()
            }
        />
    </Element>
);