import styles from './HomeStyles/Workflows.module.css'
import sharedStyles from '../../components/PageManager/pages.module.css';
import { WorkflowsTable } from '../../components/Workflows'
import { useLanguage } from '../../contexts/LanguageContext'

function Workflows () {
    const { t } = useLanguage()
    
    return (
        <div className={sharedStyles.pageContainer}>
            <div className={sharedStyles.pageCard}>
                <h1 className={sharedStyles.pageTitle}>{t('workflows.title')}</h1>
                <div className={sharedStyles.horizontalDivider}></div>
                
                <div className={sharedStyles.contentArea}>
                    <WorkflowsTable className={styles.workflowsTableContainer} />
                </div>
            </div>
        </div>
    );
}

export default Workflows;