"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const DraggableWrapper = styleh_components_1.styled.div`${props => props.isDragging && styleh_components_1.styled.css`z-index:1;opacity:0.8;cursor:grabbing;`};z-index:2;cursor:grab;background:white;`;
exports.DraggableWrapper = DraggableWrapper;
const StyledDraggableWrapper = styleh_components_1.styled(DraggableWrapper)`grid-column:auto / span ${props => props.column};grid-row:auto / span ${props => props.row};`;
exports.StyledDraggableWrapper = StyledDraggableWrapper;
const PlaceholderWrapper = styleh_components_1.styled.div`width:100%;height:100%;position:relative;display:flex;background:transparent;`;
exports.PlaceholderWrapper = PlaceholderWrapper;
const Placeholder = styleh_components_1.styled.span`width:100%;height:100%;border:2px dashed #2c2c2c;`;
exports.Placeholder = Placeholder; //# sourceMappingURL=styled.js.map