import React from 'react';
import { useFeatureFlag } from '@theorchard/suite-frontend';
import AccountingPeriodDetail from 'src/components/accounting-period/accounting-period-detail';
import AccountingPeriodDetailView from 'src/components/accounting-period/accounting-period-detail-view';
import { USER_FEATURES } from 'src/constants';

export const AccountingPeriodDetailWrapper: React.FC = () => {
    const isFeatureMigrateTsxEnabled = useFeatureFlag(
        USER_FEATURES.ABACUS_ACCOUNTING_PERIOD_DETAIL_MIGRATE_TO_TSX
    );

    return (
        <>
            {isFeatureMigrateTsxEnabled ? (
                <AccountingPeriodDetailView />
            ) : (
                <AccountingPeriodDetail />
            )}
        </>
    );
};

export default AccountingPeriodDetailWrapper;