Responsive Button Group - Copy this React, Tailwind Component to your project

O que esta errado com esse codigo <div className="text center mt 8"> <div className="flex justify center space x 4 mb 2 bg white dark:bg gray 700 "> <button onClick={() => toggleSeries('fluxoIndFSeries')} style={{ color: seriesVisibility.fluxoIndFSeries.visible ? 'rgba(255, 255, 0, 1)' : 'gray' }}> Fluxo Ind F </button> <button onClick={() => toggleSeries('fluxoIndIESeries')} style={{ color: seriesVisibility.fluxoIndIESeries.visible ? 'rgba(15, 185, 63, 1)' : 'gray' }}> Fluxo Ind IE </button> <button onClick={() => toggleSeries('fluxoIndDSeries')} style={{ color: seriesVisibility.fluxoIndDSeries.visible ? 'rgba(15, 139, 253, 1)' : 'gray' }}> Fluxo Ind D </button> <button onClick={() => toggleSeries('fluxoIndCPSeries')} style={{ color: seriesVisibility.fluxoIndCPSeries.visible ? 'rgba(195, 40, 96, 1)' : 'gray' }}> Fluxo Ind CP </button> </div> <div ref={chartContainerRef} className="rounded lg shadow lg h [700px] w full" /> </div>