"use strict";

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

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

const Placeholder_1 = require("../../../../atoms/Placeholder");

const ActionButton = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`margin-bottom:16px;@media (max-width:1023px){width:calc(50% - 8px);margin:0;}@media (max-width:767px){width:100%;margin-bottom:16px;}`;
exports.ActionButton = ActionButton;
const ButtonWrapper = styleh_components_1.styled.div`display:flex;flex-direction:column;flex:0 0 calc(30% - 1rem);align-items:flex-end;@media (max-width:1023px){align-items:flex-start;flex-direction:row;justify-content:space-between;flex:0 0 100%;}@media (max-width:767px){flex-direction:column;}`;
exports.ButtonWrapper = ButtonWrapper;
const CommentBox = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`width:31.25rem;flex:1;@media (max-width:1023px){width:100%;flex:0 0 100%;}`;
exports.CommentBox = CommentBox;
const CommentBoxWrapper = styleh_components_1.styled.div`display:flex;flex:0 0 70%;margin-bottom:1.5rem;margin-right:1rem;.textarea-container{width:100%;}@media (max-width:1023px){flex:100%;margin-right:0;}`;
exports.CommentBoxWrapper = CommentBoxWrapper;
const Wrapper = styleh_components_1.styled.div`display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 1rem;@media (max-width:767px){padding:0 0.5rem;}`;
exports.Wrapper = Wrapper; //# sourceMappingURL=styled.js.map