import React from 'react';
import { Box, Paper } from '@mui/material';
import ProFeatureGuard from '../components/ProFeatureGuard';

const ProTab = ({ type }) => {
    let title = "Pro Feature";
    let description = "Upgrade to unlock this feature.";
    let benefits = [];

    switch (type) {
        case 'bulk-role':
            title = "Bulk Role Restrictions";
            description = "Manage restrictions for multiple user roles at once. Save time by applying rules to groups of users instantly.";
            benefits = ["Apply rules to multiple roles simultaneously", "Clear all role restrictions in one click", "Overview of all role rules"];
            break;
        case 'bulk-country':
            title = "Bulk Country Restrictions";
            description = "Restrict products or categories for multiple countries in a single operation. Perfect for regional compliance.";
            benefits = ["Select multiple countries at once", "Apply common restrictions to regions", "Mass management efficiency"];
            break;
        case 'order':
            title = "Order-Based Restrictions";
            description = "Unlock powerful access rules based on customer purchase history.";
            benefits = ["Restrict based on total amount spent", "Restrict based on order count", "Require specific product purchases"];
            break;
        default:
            break;
    }

    return (
        <Box sx={{ maxWidth: 800, mx: 'auto', p: 4 }}>
            <ProFeatureGuard title={title} description={description} benefits={benefits} />
        </Box>
    );
};

export default ProTab;
