// Material Icons mapping
export const MaterialIcons = {
  dashboard: 'dashboard',
  quotation: 'receipt_long',
  customer: 'group',
  project: 'folder_special',
  service: 'build',
  task: 'task',
  supplier: 'inventory',
  template: 'article',
  campaign: 'campaign',
  communication: 'chat',
  performance: 'analytics',
  plan: 'event',
  preview: 'preview',
  send: 'send',
  journey: 'timeline',
  menu: 'menu',
  close: 'close',
  add: 'add',
  edit: 'edit',
  delete: 'delete',
  search: 'search',
  filter: 'filter_list',
  sort: 'sort',
  export: 'download',
  import: 'upload',
  refresh: 'refresh',
  more: 'more_vert',
};

export const getIcon = (name) => {
  return (
    <span className="material-symbols-rounded">
      {MaterialIcons[name] || 'error'}
    </span>
  );
};