import React, {FC} from 'react';

import {IProgressCircle} from './progress-circle.type';
import {ProgressCircleXXSComponent as XXS} from './parts/sizes/xxs/progress-circle-xxs.component';
import {ProgressCircleXSComponent as XS} from './parts/sizes/xs/progress-circle-xs.component';
import {ProgressCircleSMComponent as SM} from './parts/sizes/sm/progress-circle-sm.component';
import {ProgressCircleMDComponent as MD} from './parts/sizes/md/progress-circle-md.component';
import {ProgressCircleLGComponent as LG} from './parts/sizes/lg/progress-circle-lg.component';

export const ProgressCircleComponent: FC<IProgressCircle> = (props) => {
    if (props.size === 'xxs') return <XXS {...props} />;

    if (props.size === 'xs') return <XS {...props} />;

    if (props.size === 'sm') return <SM {...props} />;

    if (props.size === 'lg') return <LG {...props} />;

    return <MD {...props} />;
};