import * as React from 'react' ; import { Box } from '@twilio-paste/box' ; import { Text } from '@twilio-paste/text' ; import { SuccessIcon } from '@twilio-paste/icons/esm/SuccessIcon' ; interface PackageStatusProps { status : string ; label : string ; } const AssetStatus = ( { label , status } ) => { if ( status === 'yes' ) { return ( < Box display = "flex" alignItems = "center" justifyContent = "center" > < SuccessIcon display = "inline-block" decorative = { false } title = { label } color = "colorTextSuccess" size = "sizeIcon30" / > < /Box>); } if ( status === 'not applicable' ) { return ( < Text as = "span" color = "colorTextWeak" > ( n / a ) < /Text>); } return ( < Text as = "span" color = "colorTextWeak" > Pending < /Text>); } ; export { AssetStatus } ;