@gechiui/block-editor
Version:
50 lines (45 loc) • 1.44 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import { createElement } from "@gechiui/element";
/**
* External dependencies
*/
import { View, Text } from 'react-native';
/**
* GeChiUI dependencies
*/
import { Icon } from '@gechiui/components';
import { withPreferredColorScheme } from '@gechiui/compose';
import { normalizeIconObject } from '@gechiui/blocks';
/**
* Internal dependencies
*/
import styles from './style.scss';
function Warning(_ref) {
let {
title,
message,
icon,
iconClass,
preferredColorScheme,
getStylesFromColorScheme,
...viewProps
} = _ref;
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