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

Vimeo Design System

import { a as __makeTemplateObject, b as __rest, c as __assign } from '../../tslib.es6-7f0e734f.js';
import React__default, { useRef, useEffect } from 'react';
import styled from 'styled-components';

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

export { Panel };