import { CircleHelp } from 'lucide-react';
import { DynamicIcon } from 'lucide-react/dynamic';

type Props = {
    icon?: string;
    size?: number;
    color?: string;
    className?: string;
};

export function ServerIcon({ icon, size = 20, color, className }: Props) {
    return (
        <DynamicIcon
            className={className}
            name={(icon || "circle-help") as any}
            size={size}
            color={color}
            fallback={() => <CircleHelp
                className={className}
                color={color}

                size={size} />}
        />
    );
}