import {
    Add as AddIcon,
    Add as DefaultIcon,
} from '@mui/icons-material';
import {
    Box,
    IconButton,
    Typography,
} from '@mui/material';
import React from 'react';
import {
    ActionButtonsBox,
    StyledSmartNodeWarning,
    StyledSmartNodeWrapper,
} from './styles.tsx';

export interface DefaultNodeProps {
    providersCount: number;
    active: boolean;
    onAddProvider: () => void;
}

export const SmartDefaultNode: React.FC<DefaultNodeProps> = ({
    providersCount,
    active,
    onAddProvider,
}) => {
    return (
        <StyledSmartNodeWrapper>
            <StyledSmartNodeWarning active={active}>
                {/* Content */}
                <Box sx={{ mt: 1, width: '100%' }}>
                    {/* Summary Info */}
                    <Box
                        sx={{
                            width: '100%',
                        }}
                    >
                        <Box
                            sx={{
                                width: '100%',
                                p: 1,
                                border: '1px solid',
                                borderColor: 'divider',
                                borderRadius: 1,
                                backgroundColor: 'background.paper',
                                transition: 'all 0.2s',
                                display: 'flex',
                                alignItems: 'center',
                                justifyContent: 'center',
                            }}
                        >
                            <Typography
                                variant="body2"
                                sx={{
                                    fontSize: '0.8rem',
                                    color: 'text.secondary',
                                    fontWeight: 500,
                                }}
                            >
                                Default
                            </Typography>
                        </Box>
                    </Box>
                </Box>

            </StyledSmartNodeWarning>
        </StyledSmartNodeWrapper>
    );
};

export default SmartDefaultNode;
