mirror of
https://github.com/langgenius/dify.git
synced 2026-05-14 10:00:53 -04:00
83743d5af0
Co-authored-by: jyong <718720800@qq.com> Co-authored-by: Yansong Zhang <916125788@qq.com> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: hj24 <mambahj24@gmail.com> Co-authored-by: hj24 <huangjian@dify.ai> Co-authored-by: Joel <iamjoel007@gmail.com> Co-authored-by: Stephen Zhou <38493346+hyoban@users.noreply.github.com> Co-authored-by: CodingOnStar <hanxujiang@dify.com> Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
27 lines
766 B
TypeScript
27 lines
766 B
TypeScript
import type { FC } from 'react'
|
|
import * as React from 'react'
|
|
|
|
type Props = {
|
|
loading?: boolean
|
|
className?: string
|
|
children?: React.ReactNode | string
|
|
}
|
|
|
|
const Spinner: FC<Props> = ({ loading = false, children, className }) => {
|
|
return (
|
|
<div
|
|
className={`inline-block h-4 w-4 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] text-gray-200 ${loading ? 'motion-reduce:animate-[spin_1.5s_linear_infinite]' : 'hidden'} ${className ?? ''}`}
|
|
role="status"
|
|
>
|
|
<span
|
|
className="absolute! -m-px! h-px! w-px! overflow-hidden! whitespace-nowrap! border-0! p-0! [clip:rect(0,0,0,0)]!"
|
|
>
|
|
Loading...
|
|
</span>
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Spinner
|