@bothub-chat/ui/dist/components/loader/three-dots-loader/styled.js

Bothub UI Components

import{styled as e}from"styled-components";const o=e.div.withConfig({displayName:"styled__ThreeDotsLoaderStyled",componentId:"sc-1hrf383-0"})(["display:inline-flex;justify-content:space-between;align-items:center;width:22px;height:22px;& > div:nth-child(1){animation-delay:0.4s;}& > div:nth-child(2){animation-delay:0.2s;}& > div:nth-child(3){animation-delay:0s;}"]),a=e.div.withConfig({displayName:"styled__ThreeDotsLoaderDotStyled",componentId:"sc-1hrf383-1"})(["width:6px;height:6px;border-radius:50%;background-color:",";animation:threeDotsLoaderAnimation 1s infinite ease-in-out;@keyframes threeDotsLoaderAnimation{0%{background-color:",";}25%{background-color:",";}50%{background-color:",";}75%{background-color:",";}100%{background-color:",";}}"],({theme:e})=>e.colors.grayScale.gray3,({theme:e})=>e.colors.grayScale.gray3,({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>e.colors.base.white,({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>e.colors.grayScale.gray3);export{a as ThreeDotsLoaderDotStyled,o as ThreeDotsLoaderStyled};