"use strict";

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

const tslib_1 = require("tslib");

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

const classnames_1 = tslib_1.__importDefault(require("classnames"));

const ButtonAdapter_1 = require("./ButtonAdapter");

const StyledTitleButton = styleh_components_1.styled.withComponent(ButtonAdapter_1.ButtonAdapter)`font:500 0.8125rem "Roboto",Arial,Helvetica,sans-serif;cursor:pointer;color:var(--color-black);text-transform:uppercase;margin-bottom:0;padding:1rem;display:flex;align-items:center;width:100%;`;
exports.StyledTitleButton = StyledTitleButton;
const AccordionContainer = styleh_components_1.styled.div`opacity:${props => props.isDisabled ? '0.5' : '1'};display:flex;flex-direction:column;`;
exports.AccordionContainer = AccordionContainer;
const StyledAccordionWrap = styleh_components_1.styled.div.attrs({
  // @todo get rid of
  className: props => {
    const {
      isDisabled,
      isActive,
      className
    } = props;
    return classnames_1.default({
      [className]: !!className,
      'accordion-block': true,
      open: isActive,
      closed: !isActive
    });
  }
})`&.open .arrow{transform:rotate(-180deg);}&.show .arrow{transform:rotate(180deg);}`;
exports.StyledAccordionWrap = StyledAccordionWrap;
const Title = styleh_components_1.styled.span.attrs({
  className: 'text',
  role: 'heading'
})`background:var(--color-pure-white);flex:2 0 0;text-align:left;`;
exports.Title = Title;
const TitleSpan = styleh_components_1.styled.span`width:100%;display:flex;`;
exports.TitleSpan = TitleSpan;
exports.default = AccordionContainer; //# sourceMappingURL=styled.js.map