ChapterCard.js
2 months ago
LearnPage.js
2 months ago
LearnPageSkeleton.js
2 months ago
ProgressPill.js
2 months ago
ScreenshotDialog.js
2 months ago
SetupCompleteCard.js
2 months ago
StepItem.js
2 months ago
useLearnProgress.js
2 months ago
SetupCompleteCard.js
31 lines
| 1 | import React from 'react'; |
| 2 | import { __ } from '@wordpress/i18n'; |
| 3 | |
| 4 | const SetupCompleteCard = () => { |
| 5 | return ( |
| 6 | <div className="flex items-start gap-4 rounded-lg border border-solid border-brand-primary-100 bg-brand-primary-50 p-5"> |
| 7 | <span |
| 8 | role="img" |
| 9 | aria-label={ __( 'Celebration', 'presto-player' ) } |
| 10 | className="text-2xl leading-none shrink-0" |
| 11 | > |
| 12 | 🎉 |
| 13 | </span> |
| 14 | |
| 15 | <div className="flex-1"> |
| 16 | <h3 className="m-0 text-base font-semibold text-text-primary"> |
| 17 | { __( "You've completed setup!", 'presto-player' ) } |
| 18 | </h3> |
| 19 | <p className="m-0 mt-1 text-sm text-text-secondary leading-relaxed"> |
| 20 | { __( |
| 21 | 'Your video player is ready. Explore Pro features below to unlock analytics, email capture, and advanced integrations.', |
| 22 | 'presto-player' |
| 23 | ) } |
| 24 | </p> |
| 25 | </div> |
| 26 | </div> |
| 27 | ); |
| 28 | }; |
| 29 | |
| 30 | export default SetupCompleteCard; |
| 31 |