import React from "react";
import PropTypes from "prop-types";
import {
  CircleOne,
  CircleSecond,
  LeftContainer,
  Line,
  SkeletonChooserContainer,
} from "./SkeletonChooserHeader.styled";

const SkeletonChooserHeader = (props) => {
  return (
    <SkeletonChooserContainer>
      <LeftContainer>
        <CircleOne animationStage={props.animationStage}/>
        <Line animationStage={props.animationStage}/>
      </LeftContainer>
      <CircleSecond animationStage={props.animationStage}/>
    </SkeletonChooserContainer>
  );
};

SkeletonChooserHeader.propTypes = {
  children: PropTypes.node,
  animationStage: PropTypes.any,
};

export default SkeletonChooserHeader;
