import React from 'react';
import {
  Box,
  Typography,
  Button,
  Paper,
  List,
  ListItem,
  ListItemIcon,
  ListItemText,
} from '@mui/material';
import VideoLibraryIcon from '@mui/icons-material/VideoLibrary';
import HandshakeIcon from '@mui/icons-material/Handshake';
import BalanceIcon from '@mui/icons-material/Balance';
import TipsAndUpdatesIcon from '@mui/icons-material/TipsAndUpdates';

interface PropertyOwnerUpgradeProps {
  onUpgradeClick: () => void;
}

const PropertyOwnerUpgrade: React.FC<PropertyOwnerUpgradeProps> = ({ onUpgradeClick }) => {
  return (
    <Paper sx={{ p: 4, mt: 4, textAlign: 'center' }}>
      <Typography variant="h5" component="h2" gutterBottom color="primary">
        Unlock Premium for Property Owners
      </Typography>
      <Typography variant="body1" color="text.secondary" sx={{ mb: 3 }}>
        Upgrade to a Premium account and gain access to exclusive tools and resources designed to
        help you succeed in your real estate journey.
      </Typography>
      <List sx={{ textAlign: 'left', maxWidth: 600, mx: 'auto' }}>
        <ListItem>
          <ListItemIcon>
            <VideoLibraryIcon color="secondary" />
          </ListItemIcon>
          <ListItemText
            primary="Exclusive FSBO Educational Video Library"
            secondary="Learn the ins and outs of selling your home yourself with expert guidance."
          />
        </ListItem>
        <ListItem>
          <ListItemIcon>
            <HandshakeIcon color="secondary" />
          </ListItemIcon>
          <ListItemText
            primary="Direct Access to Verified Vendors"
            secondary="Find and communicate directly with trusted professionals for all your property needs."
          />
        </ListItem>
        <ListItem>
          <ListItemIcon>
            <BalanceIcon color="secondary" />
          </ListItemIcon>
          <ListItemText
            primary="Dedicated Attorney Support"
            secondary="Receive specialized legal guidance throughout your selling or buying process."
          />
        </ListItem>
        <ListItem>
          <ListItemIcon>
            <TipsAndUpdatesIcon color="secondary" />
          </ListItemIcon>
          <ListItemText
            primary="Advanced AI Tools for Listings"
            secondary="Generate compelling housing descriptions and get instant answers to your real estate questions."
          />
        </ListItem>
      </List>
      <Button
        variant="contained"
        color="primary"
        size="large"
        sx={{ mt: 4 }}
        onClick={onUpgradeClick}
      >
        Upgrade to Premium
      </Button>
    </Paper>
  );
};

export default PropertyOwnerUpgrade;
