"use strict";

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

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

const Toggle_1 = require("@skava/ui/dist/components/molecules/Toggle");

const CommentBox_1 = require("@skava/ui/dist/forms/views/CommentBox");

const StyledToggleItem = styleh_components_1.styled.withComponent(Toggle_1.Toggle)`${Toggle_1.IconWrapper}{margin-right:1rem;}${Toggle_1.StyledLabel}{font-weight:500;font-size:1rem;color:var(--color-black);text-transform:capitalize;@media (max-width:767px){font-size:1rem;}}`;
exports.StyledToggleItem = StyledToggleItem;
const StyledCommentBox = styleh_components_1.styled.withComponent(CommentBox_1.CommentBox)`@media (max-width:767px){width:100%;margin:1rem 0 0;}.comment-box{height:9.375rem;border-radius:0.25rem;padding:0.75rem;border:1px solid #a6aec1;width:45%;&::placeholder{font-size:1rem;color:#a9b2c1;}@media (max-width:767px){font-size:1rem;width:100%;}}`;
exports.StyledCommentBox = StyledCommentBox;