@atlaskit/renderer
Version:
Renderer component
38 lines (36 loc) • 2.04 kB
JavaScript
/* layoutColumn-compiled.tsx generated by @compiled/babel-plugin v0.39.1 */
/**
* Compiled branch of the `platform_editor_static_css` experiment.
* Used via `componentWithCondition` in `layoutColumn.tsx`.
*
* Cleanup: delete this file once the experiment has shipped.
*/
import "./layoutColumn-compiled.compiled.css";
import { ax, ix } from "@compiled/react/runtime";
import React from 'react';
import { WidthProvider } from '@atlaskit/editor-common/ui';
import { fg } from '@atlaskit/platform-feature-flags';
import { expValEqualsNoExposure } from '@atlaskit/tmp-editor-statsig/exp-val-equals-no-exposure';
// localized styles, was from clearNextSiblingMarginTopStyle in @atlaskit/editor-common/ui
var clearNextSiblingMarginTopStyle = null;
var verticalAlignMiddleStyles = null;
var verticalAlignBottomStyles = null;
var multipleWrappedImagesStyle = null;
// localized styles, was from clearNextSiblingBlockMarkMarginTopStyle in @atlaskit/editor-common/ui
var clearNextSiblingBlockMarkMarginTopStyle = null;
export var LayoutSectionCompiled = function LayoutSectionCompiled(props) {
var isLayoutColumnMenuEnabled = expValEqualsNoExposure('platform_editor_layout_column_menu', 'isEnabled', true);
return /*#__PURE__*/React.createElement("div", {
"data-layout-column": true,
"data-column-width": props.width,
"data-valign": props.valign
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- flexBasis is dynamic
,
style: {
flexBasis: "".concat(props.width, "%")
},
className: ax([isLayoutColumnMenuEnabled && props.valign === 'middle' && "_1e0c1txw _2lx21bp4 _1bah1h6o", isLayoutColumnMenuEnabled && props.valign === 'bottom' && "_1e0c1txw _2lx21bp4 _1bahesu3", fg('platform_editor_fix_media_in_renderer') && "_1tihidpf _12kpidpf"])
}, /*#__PURE__*/React.createElement(WidthProvider, null, /*#__PURE__*/React.createElement("div", {
className: ax(["_1skbgrf3", "_19segrf3 _1ki1grf3 _bmdegrf3 _166hgrf3 _7g1ogrf3 _sk2jgrf3 _hgeogrf3"])
}), props.children));
};