import React from 'react';
import { Card, CardContent, Typography, Button, Box } from '@mui/material';

const MLSPublishingCard: React.FC = () => {
    return (
        <Card>
            <CardContent>
                <Typography variant="h6" gutterBottom>
                    Publish to MLS
                </Typography>
                <Typography variant="body2" color="text.secondary" paragraph>
                    Publish your property to the MLS. To sites like zillow and redfin.
                </Typography>
                <Box sx={{ mt: 2 }}>
                    <Button variant="contained" color="primary" fullWidth>
                        Publish Now
                    </Button>
                </Box>
            </CardContent>
        </Card>
    );
};

export default MLSPublishingCard;
