@wordpress/block-editor
Version:
49 lines (44 loc) • 1.42 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import { createElement } from "@wordpress/element";
/**
* External dependencies
*/
import { View, Text } from 'react-native';
/**
* WordPress dependencies
*/
import { Icon } from '@wordpress/components';
import { withPreferredColorScheme } from '@wordpress/compose';
import { normalizeIconObject } from '@wordpress/blocks';
/**
* Internal dependencies
*/
import styles from './style.scss';
function Warning({
title,
message,
icon,
iconClass,
preferredColorScheme,
getStylesFromColorScheme,
...viewProps
}) {
icon = icon && normalizeIconObject(icon);
const internalIconClass = 'warning-icon' + '-' + preferredColorScheme;
const titleStyle = getStylesFromColorScheme(styles.title, styles.titleDark);
const messageStyle = getStylesFromColorScheme(styles.message, styles.messageDark);
return createElement(View, _extends({
style: getStylesFromColorScheme(styles.container, styles.containerDark)
}, viewProps), icon && createElement(View, {
style: styles.icon
}, createElement(Icon, {
className: iconClass || internalIconClass,
icon: icon && icon.src ? icon.src : icon
})), title && createElement(Text, {
style: titleStyle
}, title), message && createElement(Text, {
style: messageStyle
}, message));
}
export default withPreferredColorScheme(Warning);
//# sourceMappingURL=index.native.js.map