"use strict";

var __importDefault = this && this.__importDefault || function (mod) {
  return mod && mod.__esModule ? mod : {
    "default": mod
  };
};

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

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

const Button_1 = __importDefault(require("../../../components/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