import React, {FC} from 'react';

import {AvatarProfileStyle as S} from './styles/avatar-profile.style';
import {IAvatarProfile} from './avatar-profile.type';

export const AvatarProfileComponent: FC<IAvatarProfile> = ({
    status,
    ...restProps
}) => {
    const {size} = restProps;
    return (
        <S.Frame>
            <S.Avatar {...restProps} round='full' />
            {status === 'online' && <S.Online size={size} />}
            {status === 'verified' && <S.Verified size={size} />}
        </S.Frame>
    );
};