AddonRowActions.jsx
4 weeks ago
AddonsList.jsx
4 weeks ago
AllAccessAddonsSummary.jsx
1 month ago
AutoUpdateModal.jsx
1 month ago
DownloadActivateButton.jsx
4 weeks ago
EmptyState.jsx
1 month ago
FeatureList.jsx
1 month ago
LicenseField.jsx
1 month ago
LicenseItem.jsx
4 weeks ago
LicenseNotices.jsx
4 weeks ago
LicenseStatus.jsx
1 month ago
Loader.jsx
4 weeks ago
PricingModal.jsx
1 month ago
PricingTable.jsx
1 month ago
PricingTableItem.jsx
1 month ago
SitesModal.jsx
1 month ago
FeatureList.jsx
31 lines
| 1 | /** |
| 2 | * External Dependencies |
| 3 | */ |
| 4 | import { Check } from 'lucide-react'; |
| 5 | |
| 6 | /** |
| 7 | * @param {Object} props |
| 8 | * @param {string[]} props.features |
| 9 | * @param {string} [props.className] |
| 10 | */ |
| 11 | export function FeatureList( { features, className = '' } ) { |
| 12 | return ( |
| 13 | <ul className={ `flex flex-col gap-3 ${ className }`.trim() }> |
| 14 | { features.map( ( feature ) => ( |
| 15 | <li |
| 16 | key={ feature } |
| 17 | className="flex items-start gap-3 text-sm leading-snug text-gray-800" |
| 18 | > |
| 19 | <span |
| 20 | className="mt-0.5 inline-flex size-5 shrink-0 items-center justify-center rounded-full border-2 border-gray-400 text-gray-800" |
| 21 | aria-hidden |
| 22 | > |
| 23 | <Check className="size-3" strokeWidth={ 2.5 } /> |
| 24 | </span> |
| 25 | <span>{ feature }</span> |
| 26 | </li> |
| 27 | ) ) } |
| 28 | </ul> |
| 29 | ); |
| 30 | } |
| 31 |