"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ItemContainer = exports.Wrapper = exports.ImageContainer = void 0;
var styled_components_1 = __importDefault(require("styled-components"));
exports.ImageContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n   display: flex;\n   ", "\n   ", "\n   ", "\n"], ["\n   display: flex;\n   ", "\n   ", "\n   ", "\n"])), function (p) { return p.vertical && 'flex-direction: column;'; }, function (p) { return p.horizontal && 'flex-direction: row;'; }, function (p) { return !p.horizontal && !p.vertical && 'flex-wrap: wrap;'; });
exports.ItemContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n   display: flex;\n   box-sizing: border-box;\n   transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1))\n      scaleY(var(--scale-y, 1));\n   transform-origin: 0 0;\n   touch-action: manipulation;\n   position: relative;\n"], ["\n   display: flex;\n   box-sizing: border-box;\n   transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1))\n      scaleY(var(--scale-y, 1));\n   transform-origin: 0 0;\n   touch-action: manipulation;\n   position: relative;\n"])));
var templateObject_1, templateObject_2, templateObject_3;
//# sourceMappingURL=DNDContainer.style.js.map