@vimeo/iris/components/Tabs/Tabs.minors.js

Vimeo Design System

'use strict';

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

var tslib_es6 = require('../../tslib.es6-3ec409b7.js');
var React = require('react');
var styled = require('styled-components');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);

function Panel(_a) {
    var children = _a.children; _a.active; var onActivate = _a.onActivate, // deprecated!
    onOpen = _a.onOpen, props = tslib_es6.__rest(_a, ["children", "active", "onActivate", "onOpen"]);
    if (onActivate)
        onOpen = onActivate;
    var opened = React.useRef(false);
    React.useEffect(function () {
        if (!opened.current) {
            opened.current = true;
            onOpen === null || onOpen === void 0 ? void 0 : onOpen();
        }
    }, [onOpen]);
    return React__default["default"].createElement(PanelStyled, tslib_es6.__assign({}, props), children);
}
var PanelStyled = styled__default["default"].div(templateObject_1 || (templateObject_1 = tslib_es6.__makeTemplateObject(["\n  position: relative;\n  padding: 0.5rem 0;\n"], ["\n  position: relative;\n  padding: 0.5rem 0;\n"])));
var templateObject_1;

exports.Panel = Panel;