import * as React from 'react';
import { BoxProps, SilkeBox } from '../silke-box';

import styles from './silke-progress-indicator.scss';

type Props = {
  children: React.ReactNode;
} & BoxProps;

export function ProgressIndicator({ children, ...rest }: Props) {
  return (
    <SilkeBox className={styles.progressIndicator} {...rest}>
      {children}
    </SilkeBox>
  );
}