2019-10-15 18:32:19 +02:00
|
|
|
import React from 'react';
|
|
|
|
import PropTypes from 'prop-types';
|
2019-10-16 16:00:24 +02:00
|
|
|
import GrabIcon from '../GrabIcon';
|
2019-10-15 18:32:19 +02:00
|
|
|
import Wrapper from './Wrapper';
|
|
|
|
|
|
|
|
const DraggedField = ({ name }) => {
|
|
|
|
return (
|
|
|
|
<Wrapper>
|
2019-10-16 16:00:24 +02:00
|
|
|
<div className="sub_wrapper">
|
|
|
|
<div className="grab">
|
|
|
|
<GrabIcon style={{ marginRight: 10 }} />
|
|
|
|
</div>
|
|
|
|
<div className="name">{name}</div>
|
|
|
|
</div>
|
2019-10-15 18:32:19 +02:00
|
|
|
</Wrapper>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
DraggedField.propTypes = {
|
|
|
|
name: PropTypes.string.isRequired,
|
|
|
|
};
|
|
|
|
|
|
|
|
export default DraggedField;
|