26 lines
750 B
TypeScript
26 lines
750 B
TypeScript
import { ComponentConfig } from '@reacteditor/core';
|
|
import { FolderOpen } from 'lucide-react';
|
|
import Collections from '@/components/shopify/collections';
|
|
|
|
export type CollectionsBlockProps = {
|
|
title?: string;
|
|
subtitle?: string;
|
|
};
|
|
|
|
const collectionsEditor: ComponentConfig<CollectionsBlockProps> = {
|
|
label: 'Collection grid',
|
|
icon: <FolderOpen size={16} />,
|
|
category: 'commerce',
|
|
defaultProps: {
|
|
title: 'Our Collections',
|
|
subtitle: 'Discover our carefully crafted worlds',
|
|
},
|
|
fields: {
|
|
title: { label: 'Title', type: 'text', contentEditable: true },
|
|
subtitle: { label: 'Subtitle', type: 'textarea', contentEditable: true },
|
|
},
|
|
render: (props) => <Collections {...props} />,
|
|
};
|
|
|
|
export default collectionsEditor;
|