"use strict";

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

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

const Buttons_1 = require("../../../../Buttons");

const StyledApproveButton = styleh_components_1.styled(Buttons_1.PrimaryButton)`background:var(--color-dark-green);border-radius:4px;margin-bottom:16px;color:var(--color-pure-white);font:500 1.125rem "Roboto",Arial,Helvetica,sans-serif;@media (max-width:1023px){order:1;}@media (max-width:767px){order:0;}`;
exports.StyledApproveButton = StyledApproveButton;
const StyledRejectButton = styleh_components_1.styled(Buttons_1.GhostButton)`border:1px solid var(--color-dark-grey);font:500 1.125rem "Roboto",Arial,Helvetica,sans-serif;color:var(--color-dark-grey);@media (max-width:1023px){margin-right:16px;}`;
exports.StyledRejectButton = StyledRejectButton;
const Wrapper = styleh_components_1.styled.div`width:100%;.form-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;flex:0 0 100%;}.textarea-container{display:flex;flex:0 0 70%;margin-bottom:1.5rem;margin-right:1rem;@media (max-width:1023px){flex:100%;margin-right:0;}.comment-box{width:100%;height:140px;resize:none;border:0;border:1px solid #979797;@media (max-width:767px){height:118px;}&::placeholder{font-size:1.125rem;font-style:italic;color:var(--color-dark-grey);padding-top:8px;padding-left:10px;}}}.button-group{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.Wrapper = Wrapper;