import * as React from 'react' ; import { Box , safelySpreadBoxProps } from '@twilio-paste/box' ; export interface DisplayPillGroupProps extends React . OlHTMLAttributes < HTMLElement > { 'aria-label' : string ; element ? : string ; children : React . ReactNode ; } example see https export const DisplayPillGroup = React . forwardRef < HTMLUListElement , DisplayPillGroupProps > ( ( { element = 'DISPLAY_PILL_GROUP' , ... props } , ref ) => { return ( < Box { ... safelySpreadBoxProps ( props ) } element = { element } ref = { ref } as = "ul" margin = "space0" padding = "space0" display = "flex" flexWrap = "wrap" rowGap = "space30" columnGap = "space30" > { props . children } < /Box>); } ) ; DisplayPillGroup . displayName = 'DisplayPillGroup' ;