import * as React from 'react' ; import stylex from '@ladifire-opensource/stylex' ; import { CometProgressRingIndeterminate } from './CometProgressRingIndeterminate' ; const styles = stylex . create ( { root : { borderRadius : '50%' , position : 'relative' , justifyContent : 'center' , display : 'inline-flex' , boxSizing : 'border-box' , borderWidth : 0 , alignItems : 'center' , backgroundColor : 'var(--secondary-button-background)' , width : 36 , height : 36 , } , } ) ; export function CometProgressSkittleIndeterminate ( ) { return React . createElement ( "div" , { className : stylex ( styles . root ) , children : React . createElement ( CometProgressRingIndeterminate , { color : "disabled" , size : 20 } ) } ) ; }