Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
primogenial
/
wp-content
/
plugins
/
elementor
/
app
/
modules
/
import-export
/
assets
/
js
/
ui
/
message-banner
:
message-banner.js
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
import Heading from 'elementor-app/ui/atoms/heading'; import Text from 'elementor-app/ui/atoms/text'; import Box from 'elementor-app/ui/atoms/box'; import Grid from 'elementor-app/ui/grid/grid'; import './message-banner.scss'; export default function MessageBanner( { heading, description, button } ) { const getDescriptionContent = () => { if ( Array.isArray( description ) ) { return description.join( <br /> ); } return description; }; return ( <Box className="e-app-import-export-message-banner" padding="20"> <Grid container alignItems="center" justify="space-between"> <Grid item> { heading && <Heading className="e-app-import-export-message-banner__heading" variant="h3" tag="h3"> { heading } </Heading> } { description && <Text className="e-app-import-export-message-banner__description"> { getDescriptionContent() } </Text> } </Grid> { button && <Grid item> { button } </Grid> } </Grid> </Box> ); } MessageBanner.propTypes = { heading: PropTypes.string, description: PropTypes.oneOfType( [ PropTypes.string, PropTypes.array ] ), button: PropTypes.object, };