import type { BaseTextAttributes, DeltaInsert } from '@blocksuite/store';
import { html, type TemplateResult } from 'lit';

export function renderElement<TextAttributes extends BaseTextAttributes>(
  delta: DeltaInsert<TextAttributes>,
  parseAttributes: (
    textAttributes?: TextAttributes
  ) => TextAttributes | undefined,
  selected: boolean
): TemplateResult<1> {
  return html`<v-element
    .selected=${selected}
    .delta=${{
      insert: delta.insert,
      attributes: parseAttributes(delta.attributes),
    }}
  ></v-element>`;
}