"use strict";

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

const tslib_1 = require("tslib");

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

const Button_1 = tslib_1.__importDefault(require("../../../components/atoms/Button"));

const StyledButton = styleh_components_1.styled.withComponent(Button_1.default)`width:100%;height:2.75rem;border:none;padding:0 0.5rem;border-radius:0.25rem;font-size:1.125rem;text-transform:capitalize;margin:0 0.5rem;`;
const StyledSubmitButton = styleh_components_1.styled.withComponent(StyledButton)`background-color:#03abb8;color:var(--color-pure-white);`;
exports.StyledSubmitButton = StyledSubmitButton;
const StyledCancelButton = styleh_components_1.styled.withComponent(StyledButton)`background-color:transparent;border:1px solid grey;color:var(--color-black);`;
exports.StyledCancelButton = StyledCancelButton;
const FormWrapper = styleh_components_1.styled.section`.comment-box-wrapper{display:flex;}.comment-box{width:100%;height:12.5rem;resize:none;padding:0.5rem;font-size:1.125rem;&::placeholder{font-style:italic;}}.button-group{display:flex;flex:0 0 100%;margin:0.5rem -0.5rem 0;}`;
exports.FormWrapper = FormWrapper; //# sourceMappingURL=styled.js.map