Move demo next to components

import ExpansionPanelSummary from '@material-ui/core/ExpansionPanelSummary';

import Typography from '@material-ui/core/Typography';

import DemoProjectSeedCards from './components/DemoProjectSeedCards';

import DemoAttributeEditor from './components/DemoAttributeEditor';

import DemoProjectSeedCards from '../src/components/ProjectSeedCards/demo';

import DemoAttributeEditor from '../src/components/AttributeEditor/demo';

export default class demoApp extends Component {

import React, {Component} from 'react';

import AttributeEditor from '../../src/components/AttributeEditor'

import AttributeEditor from './index'

export default class DemoAttributeEditor extends Component {

    constructor(props) {

export default class AttributeItem extends Component {

    static propTypes = {

        onChange: PropTypes.func,

        onFullChange: PropTypes.func,

        name: PropTypes.string.isRequired,

        type: PropTypes.string.isRequired,

        value: PropTypes.oneOfType([

            PropTypes.string,

            PropTypes.number,

            PropTypes.bool,

        ]).isRequired,

        onChange: PropTypes.func,

        onFullChange: PropTypes.func,

        values: PropTypes.arrayOf(PropTypes.string),

        readonly: PropTypes.bool,

        style: PropTypes.object,

        fullWidth: PropTypes.bool,

        noTriggerOnBlur: PropTypes.bool,

        name: PropTypes.string.isRequired,

        description: PropTypes.string,

        unit: PropTypes.string,

        type: PropTypes.string.isRequired,

        invalidChars: PropTypes.object,

    };

import React, {Component} from 'react';

import ProjectSeedCards from '../../src/components/ProjectSeedCards'

import ProjectSeedCards from './index'

export default class DemoProjectSeedCards extends Component {