@freshworks/crayons

Version:
Crayons Web Components library
28 lines (22 loc) • 1.33 kB
JavaScript
'use strict';

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

const index = require('./index-a784dd6b.js');

const accordionBodyCss = ":host{font-family:var(--fw-font-family, -apple-system, blinkmacsystemfont, \"Segoe UI\", roboto, oxygen, ubuntu, cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;box-sizing:border-box}.accordion-body{font-size:var(--fw-accordion-body-font-size, 14px);line-height:var(--fw-accordion-body-line-height, 18px);background-color:var(--fw-accordion-body-background-color, #f5f7f9);padding:var(--fw-accordion-body-padding, 20px);border-radius:0 0 var(--fw-accordion-border-radius, 8px) var(--fw-accordion-border-radius, 8px)}.accordion-body.collapsed{display:none}.accordion-body.no-bounding-box{border-radius:0}";

let AccordionBody = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    /**
     * @internal
     */
    this.type = 'default';
  }
  render() {
    return (index.h("div", { class: {
        'accordion-body': true,
        'collapsed': !this.expanded,
        'no-bounding-box': this.type === 'no_bounding_box',
      } }, index.h("slot", null)));
  }
};
AccordionBody.style = accordionBodyCss;

exports.fw_accordion_body = AccordionBody;