import { jsx as _jsx } from "react/jsx-runtime";
import { theme } from '@darajs/styled-components';
import { Dots } from '@darajs/ui-components';
import { injectCss } from '../../shared/utils/inject-css';
import useComponentStyles from '../../shared/utils/use-component-styles';
import {} from '../../types';
const StyledDots = injectCss(Dots);
function DefaultFallback(props) {
    const [style, css] = useComponentStyles(props);
    return _jsx(StyledDots, { "$rawCss": css, style: style });
}
export function DefaultFallbackStatic() {
    // using static colors from default theme to be able to use outside theme provider
    return _jsx(StyledDots, { grey3: theme.colors.grey3, grey4: theme.colors.grey4 });
}
export default DefaultFallback;
//# sourceMappingURL=default.js.map