Estoy tratando de colocar una superposición sobre la imagen del componente Avatar, pero no sé cómo extender el tema correctamente.
Lo que he probado hasta ahora:
import { extendTheme } from '@chakra-ui/react'; export const theme = extendTheme({ components: { Avatar: { parts: ['container', 'excessLabel', 'label'] baseStyle: { excessLabel: { _before: { // overlay } } }, }, }, });Traté de mirar la fuente del tema y descubrí que es un componente de varias partes, pero no puedo encontrar la manera de orientar la imagen de fondo src. Y tampoco estoy seguro de esas partes. Alguien que me ilumine como debe funcionar?