@gravity-ui/uikit
Version:
Gravity UI base styling and components
25 lines (24 loc) • 1.73 kB
JavaScript
'use client';
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Accordion = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const React = tslib_1.__importStar(require("react"));
const useDefaultProps_1 = require("../theme/useDefaultProps.js");
const AccordionContext_1 = require("./AccordionContext.js");
const AccordionItem_1 = require("./AccordionItem/AccordionItem.js");
const AccordionSummary_1 = require("./AccordionSummary/AccordionSummary.js");
const constants_1 = require("./constants.js");
const i18n_1 = tslib_1.__importDefault(require("./i18n/index.js"));
require("./Accordion.css");
exports.Accordion = React.forwardRef(function Accordion(rawProps, ref) {
const props = (0, useDefaultProps_1.useDefaultProps)('Accordion', rawProps);
const { t } = i18n_1.default.useTranslation();
const { size = 'm', view = 'solid', multiple = false, className, arrowPosition = 'end', qa, defaultValue, onUpdate = () => { }, children, ariaLevel = 3, value, ariaLabel = t('label'), } = props;
return ((0, jsx_runtime_1.jsx)(AccordionContext_1.AccordionProvider, { size: size, view: view, multiple: multiple, arrowPosition: arrowPosition, onUpdate: onUpdate, defaultValue: defaultValue, value: value, ariaLevel: ariaLevel, children: (0, jsx_runtime_1.jsx)("div", { className: (0, constants_1.accordionBlock)({ size, view }, className), "data-qa": qa, ref: ref, role: "region", "aria-label": ariaLabel, children: children }) }));
});
exports.Accordion.Item = AccordionItem_1.AccordionItem;
exports.Accordion.Summary = AccordionSummary_1.AccordionSummary;
exports.Accordion.displayName = 'Accordion';
//# sourceMappingURL=Accordion.js.map