@atlaskit/inline-dialog
Version:
An inline dialog is a pop-up container for small amounts of information. It can also contain controls.
32 lines • 1.25 kB
JavaScript
/* inline-dialog-container.tsx generated by @compiled/babel-plugin v0.39.1 */
import "./inline-dialog-container.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import { forwardRef } from 'react';
var containerStyles = null;
/**
* __Container__
*
* A container is used as a styled wrapper around the contents of an inline dialog.
* Note that the styles here are merged with the style prop that comes from the popper.js library.
*
*/
export var Container = /*#__PURE__*/forwardRef(function (_ref, ref) {
var children = _ref.children,
onBlur = _ref.onBlur,
onClick = _ref.onClick,
onFocus = _ref.onFocus,
style = _ref.style,
testId = _ref.testId;
return /*#__PURE__*/React.createElement("div", {
"data-testid": testId,
onBlur: onBlur,
onClick: onClick,
onFocus: onFocus,
ref: ref
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
,
style: style,
className: ax(["_2rkofajl _vchh1ntv _p12flti4 _c71llti4 _1pbyowjs _bfhk1bhr _16qs130s _syazi7uo _85i5pxbi _1q51pxbi _y4ti1ejb _bozg1ejb _nt751r31 _49pcglyw _1hvw1o36"])
}, typeof children === 'function' ? children() : children);
});