Untitled

 <div className='Custom-Polaris-Box'>
                            <LegacyCard>
                            {/* <Box padding='0' background="bg-surface-secondary" borderRadius='300' borderWidth='025' borderColor='border'> */}
                                <VariantGridFilter/>
                                <div className='tableHeader-bold'>
                                    <IndexTable
                                        key={'IndexTableExample'}
                                        resourceName={resourceName} 
                                        itemCount={componentState['rows'].length}
                                        headings={variantHeadings()}
                                        selectable={false}
                                        emptyState={<Banner tone='warning'>No variant(s) found</Banner>}
                                    >
                                        {componentState['rows']} 
                                    </IndexTable>
                                </div>
                            </LegacyCard>
                            {/* </Box> */}
                        </div>