CustomizeControls
2 months ago
Steps
2 weeks ago
App.js
2 years ago
CategoryButtons.js
2 weeks ago
CustomTooltip.js
2 years ago
EditorSelector.js
2 years ago
FeaturesList.js
1 year ago
Filters.js
2 weeks ago
Header.js
2 weeks ago
ImportError.js
2 years ago
ImportForm.js
1 year ago
ImportMock.js
2 years ago
ImportProgress.js
1 year ago
Onboarding.js
2 weeks ago
ProgressBar.js
2 years ago
Search.js
2 weeks ago
SitePreview.js
2 years ago
SiteSettings.js
2 months ago
Sites.js
2 weeks ago
StarterSiteCard.js
2 weeks ago
Toast.js
2 weeks ago
WelcomeMock.js
2 years ago
Toast.js
37 lines
| 1 | import classnames from 'classnames'; |
| 2 | import { __ } from '@wordpress/i18n'; |
| 3 | |
| 4 | const Toast = ( { svgIcon, heading, message, className, setShowToast } ) => { |
| 5 | const handleClose = () => { |
| 6 | setShowToast( 'dismissed' ); |
| 7 | }; |
| 8 | |
| 9 | return ( |
| 10 | <div |
| 11 | className={ classnames( 'ob-toast', className ) } |
| 12 | role="status" |
| 13 | aria-live="polite" |
| 14 | > |
| 15 | { svgIcon && ( |
| 16 | <span className="ob-toast-icon" aria-hidden="true"> |
| 17 | { svgIcon } |
| 18 | </span> |
| 19 | ) } |
| 20 | <div className="ob-toast-content"> |
| 21 | { heading && <p className="ob-toast-heading">{ heading }</p> } |
| 22 | { message && <p className="ob-toast-message">{ message }</p> } |
| 23 | </div> |
| 24 | <button |
| 25 | type="button" |
| 26 | className="ob-toast-close" |
| 27 | onClick={ handleClose } |
| 28 | aria-label={ __( 'Dismiss', 'templates-patterns-collection' ) } |
| 29 | > |
| 30 | <span aria-hidden="true">×</span> |
| 31 | </button> |
| 32 | </div> |
| 33 | ); |
| 34 | }; |
| 35 | |
| 36 | export default Toast; |
| 37 |