import {
	type Metadata,
	type ModuleLibrary,
} from '@divi/types';
import React from 'react';
import { ListingGridEdit } from './edit';
import metadata from './module.json';
import { SettingsAdvanced } from './settings-advanced';
import { SettingsContent } from './settings-content';
import { SettingsDesign } from './settings-design';
import { ListingGridAttrs } from './types';
import { placeholderContent } from './placeholder-content';
import { generateModuleAttributes } from '../../utils';

import './module.scss';

metadata.attributes = { ...metadata.attributes, ...generateModuleAttributes( 'listingGrid' ) }

export const listingGrid: ModuleLibrary.Module.RegisterDefinition<ListingGridAttrs> = {
	// Imported json has no inferred type hence type-cast is necessary.
	metadata: metadata as Metadata.Values<ListingGridAttrs>,
	placeholderContent,
	settings: {
		content:  SettingsContent,
		design:   SettingsDesign,
		advanced: SettingsAdvanced,
	},
	renderers: {
		edit: ListingGridEdit,
	},
};
