suwayomi-material-you-webui/src/base/components/AvatarSpinner.tsx

/*
 * Copyright (C) Contributors to the Suwayomi project
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

import type { AvatarProps } from '@mui/material/Avatar';
import Avatar from '@mui/material/Avatar';
import type { SpinnerImageProps } from '@/base/components/SpinnerImage.tsx';
import { SpinnerImage } from '@/base/components/SpinnerImage.tsx';

export const AvatarSpinner = ({
    iconUrl,
    alt,
    slots,
}: {
    iconUrl: string;
    alt: string;
    slots?: { avatarProps?: Partial<AvatarProps>; spinnerImageProps?: Partial<SpinnerImageProps> };
}) => (
    <Avatar variant="rounded" alt={alt} {...slots?.avatarProps}>
        <SpinnerImage
            alt={alt}
            src={iconUrl}
            {...slots?.spinnerImageProps}
            spinnerStyle={{ small: true, ...slots?.spinnerImageProps?.spinnerStyle }}
            imgStyle={{ objectFit: 'cover', width: '100%', height: '100%', ...slots?.spinnerImageProps?.imgStyle }}
        />
    </Avatar>
);