adding filter to default import page

Signed-off-by: Lucas De Souza <lucas.desouza@aa.com>

plugins/catalog-import/src/components/DefaultImportPage/DefaultImportPage.tsx

@@ -27,12 +27,17 @@ import React from 'react';
 import { ImportInfoCard } from '../ImportInfoCard';
 import { ImportStepper } from '../ImportStepper';
 
+interface DefaultImportPageProps {
+  filters?: Array<string>;
+}
+
 /**
  * The default catalog import page.
  *
  * @public
  */
-export const DefaultImportPage = () => {
+export const DefaultImportPage = (props: DefaultImportPageProps = { filters: [] }) => {
+  const { filters } = props;
   const configApi = useApi(configApiRef);
   const appTitle = configApi.getOptional('app.title') || 'Backstage';
 
@@ -53,7 +58,7 @@ export const DefaultImportPage = () => {
           </Grid>
 
           <Grid item xs={12} md={8} lg={6} xl={4}>
-            <ImportStepper />
+            <ImportStepper filters={filters} />
           </Grid>
         </Grid>
       </Content>