"use strict";

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

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

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

const ToggleItemWrapper = styleh_components_1.styled.div`
  display: flex;
  align-items: center;
`;
exports.ToggleItemWrapper = ToggleItemWrapper;
const StyledCheckBox = styleh_components_1.styled.withComponent(Placeholder_1.SquarePlaceholder)`
  margin-right: rem(18);
  border-radius: rem(2);
`;
exports.StyledCheckBox = StyledCheckBox;
const StyledTextBox = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)``;
exports.StyledTextBox = StyledTextBox;
const StyledCommentBox = styleh_components_1.styled.section`
  display: flex;
  flex-direction: column;
  width: rem(510);
  margin: rem(24) 0 0 rem(38);
  @phone-or-smaller() {
    width: 100%;
    margin: rem(16) 0 0;
  }
`;
exports.StyledCommentBox = StyledCommentBox;
const StyledTextArea = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`
  border-radius: rem(4);
`;
exports.StyledTextArea = StyledTextArea;
const ButtonGroup = styleh_components_1.styled.div`
  display: flex;
  margin: rem(16) rem(-8) 0;
  @phone-or-smaller() {
    flex-direction: column;
    margin: 0;
  }
`;
exports.ButtonGroup = ButtonGroup;
const StyledButton = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`
  margin: 0 rem(8);
  border-radius: rem(4);
  @phone-or-smaller() {
    margin: rem(8) 0 0;
  }
`;
exports.StyledButton = StyledButton; //# sourceMappingURL=styled.js.map