import { ILoader } from './Loader.interface'
import React from 'react'
import RichText from '../RichText/RichText.component'
import { StyledLoader } from '@/components/atoms/Loader/Loader.theme'

const Loader = ({
  variant,
  label,
  children,
  className,
  style,
  ...props
}: ILoader) => {
  return (
    <StyledLoader $variant={variant} className={className} style={style}>
      <div></div>
      {label && (
        <RichText tag="p" className="mt-3">
          {label}
        </RichText>
      )}
    </StyledLoader>
  )
}

export default Loader