export const HTML_COMPONENT_OPTIONS = [
  'div',
  'section',
  'article',
  'header',
  'footer',
  'main',
  'nav',
  'aside',
  'span',
  'p',
  'ul',
  'ol',
  'li',
  'a',
  'button',
  'form',
  'label',
  'strong',
  'em',
  'small',
  'h1',
  'h2',
  'h3',
  'h4',
  'h5',
  'h6',
  'img',
  'video',
  'figure',
  'figcaption',
  'time',
  'input',
  'textarea',
  'select',
  'option',
  'details',
  'summary',
  'dialog',
  'script',
];

export const isValidHtmlComponent = (attributes: Record<string, unknown>): string => {
  const component = 'component' in attributes ? (attributes.component as string) : 'div';
  const valid = HTML_COMPONENT_OPTIONS.includes(component);
  if (valid) return component;
  return 'div';
};