"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("atoms/Button"));
const StyledButton = styleh_components_1.styled.withComponent(Button_1.default) `
  width: 100%;
  height: rem(44);
  border: none;
  padding: 0 rem(8);
  border-radius: rem(4);
  font-size: rem(18);
  text-transform: capitalize;
  margin: 0 rem(8);
`;
const StyledSubmitButton = styleh_components_1.styled.withComponent(StyledButton) `
  background-color: #03abb8;
  color: #ffffff;
`;
exports.StyledSubmitButton = StyledSubmitButton;
const StyledCancelButton = styleh_components_1.styled.withComponent(StyledButton) `
  background-color: transparent;
  border: 1px solid grey;
  color: #2c2c2c;
`;
exports.StyledCancelButton = StyledCancelButton;
const FormWrapper = styleh_components_1.styled.section `
  .comment-box-wrapper {
    display: flex;
  }
  .comment-box {
    width: 100%;
    height: rem(200);
    resize: none;
    padding: rem(8);
    font-size: rem(18);
    &::placeholder {
      font-style: italic;
    }
  }
  .button-group {
    display: flex;
    flex: 0 0 100%;
    margin: rem(8) rem(-8) 0;
  }
`;
exports.FormWrapper = FormWrapper;
//# sourceMappingURL=styled.js.map