import { jsx as _jsx } from "react/jsx-runtime";
import { forwardRef } from 'react';
import { Sizes } from './constants';
import { StyledAvatar } from './styles';
export const Avatar = forwardRef(({ color, size = 'lg', ...restProps }, ref) => {
    return (_jsx(StyledAvatar, { ...restProps, sx: { background: color, width: Sizes[size], height: Sizes[size] }, ref: ref, "$size": size }));
});
