import { Small , Text } from '@bigcommerce/big-design' ; import React from 'react' ; import { Prop , PropTable , PropTableWrapper } from '../components' ; import { sharedMessagingProps } from './shared' ; const alertProps = [ ... sharedMessagingProps , { name : 'key' , types : 'string' , description : 'Key used to identify alert.' , } , { name : 'autoDismiss' , types : 'boolean' , defaultValue : 'false' , description : ( < > < Text > Auto dismiss after 5 seconds . < /Text> < Small > Note : Only valid when used with AlertManager . < /Small> < />), } , ] ; export const AlertPropTable = ( props ) => ( < PropTable title = "Alert" propList = { alertProps } { ... props } />);