import { LeftToRightBlockQuoteIcon } from '@zen/core/shared/icons';
import { newBlockId } from '../utils/ids.js';

const Quote = {
  type: 'quote',
  label: 'Citation',
  icon: <LeftToRightBlockQuoteIcon width={18} height={18} />,
  keywords: ['citation', 'quote', 'blockquote'],
  shortcut: '> ',
  isText: true,
  textTag: 'blockquote',
  textClassName:
    'text-base leading-relaxed italic text-neutral-700 dark:text-neutral-300 border-l-4 border-neutral-300 dark:border-neutral-700 pl-4 py-1',
  placeholder: 'Citation…',
  create(init = {}) {
    return { id: newBlockId(), type: 'quote', content: [], ...init };
  },
};

export default Quote;
