import { EnumValues } from "../../models" ; import React from "react" ; import { ErrorBoundary } from "../../core/internal/ErrorBoundary" ; import { EnumValuesChip } from "./CustomChip" ; import { useStyles } from "./styles" ; category export function ArrayEnumPreview ( { name , value , enumValues , size } ) { const classes = useStyles ( ) ; return ( < div className = { classes . arrayWrap } > { value && ( value as any [ ] ) . map ( ( enumKey , index ) => { return ( < div className = { classes . arrayItem } key = { `preview_array_ref_${ name }_${ index }` } > < ErrorBoundary > < EnumValuesChip enumKey = { enumKey } enumValues = { enumValues } small = { size !== "regular" } /> < /ErrorBoundary> < /div>); } ) } < /div>); }