<commit_before>const ReactGridLayout = require('react-grid-layout');
import React, { Component } from 'react';
import { connect } from 'react-redux'
import styles from  '../../node_modules/react-grid-layout/css/styles.css'
import styles2 from '../../node_modules/react-resizable/css/styles.css'


class DragAndDrop extends Component {
    constructor(props){
        super(props);
    }
    render(){
         var layout = [
            {i: 'a', x: 0, y: 0, w: 1, h: 2},
            {i: 'b', x: 1, y: 0, w: 3, h: 2, minW: 2},
            {i: 'c', x: 4, y: 0, w: 1, h: 2}
            ];
            var divStyle = { 
                'border-style': 'solid',
                'border-width': '5px'
            }
        return(
            <ReactGridLayout className="layout" layout={layout} cols={12} rowHeight={30} width={1200}>
                <div key={'a'} style = {divStyle}>a</div>
                <div key={'b'} style = {divStyle}>b</div>
                <div key={'c'} style = {divStyle}>c</div>
            </ReactGridLayout>
        );
    }
}

export default DragAndDrop;


// var MyFirstGrid = React.createClass({
//   render: function() {
//     // layout is an array of objects, see the demo for more complete usage
//     var layout = [
//       {i: 'a', x: 0, y: 0, w: 1, h: 2, static: true},
//       {i: 'b', x: 1, y: 0, w: 3, h: 2, minW: 2, maxW: 4},
//       {i: 'c', x: 4, y: 0, w: 1, h: 2}
//     ];
//     return (
//       <ReactGridLayout className="layout" layout={layout} cols={12} rowHeight={30} width={1200}>
//         <div key={'a'}>a</div>
//         <div key={'b'}>b</div>
//         <div key={'c'}>c</div>
//       </ReactGridLayout>
//     )
//   }
// });<commit_msg>new drag&drop starting to work<commit_after>const ReactGridLayout = require('react-grid-layout');
import React, { Component } from 'react';
import { connect } from 'react-redux'
import styles from  '../../node_modules/react-grid-layout/css/styles.css'
import styles2 from '../../node_modules/react-resizable/css/styles.css'


class DragAndDrop extends Component {
    constructor(props){
        super(props);
    }
    render(){
         var layout = [
            {i: 'a', x: 0, y: 0, w: 1, h: 2},
            {i: 'b', x: 1, y: 0, w: 3, h: 2, minW: 2},
            {i: 'c', x: 4, y: 0, w: 1, h: 2}
            ];
            var divStyle = { 
                'border-style': 'solid',
                'border-width': '5px'
            }
        return(
            <ReactGridLayout className="layout" layout={layout} cols={12} rowHeight={30} width={1200}>
                <div key={'a'} style = {divStyle}>a</div>
                <div key={'b'} style = {divStyle}>b</div>
                <div key={'c'} style = {divStyle}>c</div>
            </ReactGridLayout>
        );
    }
}

export default DragAndDrop;

{'fraction_non_alphanumeric': 0.18825622775800713, 'fraction_numerical': 0.024199288256227757, 'mean_word_length': 1.91597510373444, 'pattern_counts': {'":': 0, '<': 27, '<?xml version=': 0, '>': 27, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3842037', 'n_tokens_mistral': 994, 'n_tokens_neox': 942, 'n_words': 254}