import React, { useState } from 'react';
import { EmailTemplateList } from 'autosmart-email-lib';
import 'autosmart-email-lib/dist/styles.css';

const App = () => {
  const [templates, setTemplates] = useState([
    {
      id: '1',
      name: 'Welcome Email',
      subject: 'Welcome to Our Service',
      preview: 'Dear [Customer Name], Welcome to our service!',
    },
  ]);

  const handleEdit = (updatedTemplate) => {
    setTemplates(templates.map(t => 
      t.id === updatedTemplate.id ? updatedTemplate : t
    ));
  };

  const handleDelete = (templateId) => {
    setTemplates(templates.filter(t => t.id !== templateId));
  };

  return (
    <EmailTemplateList
      templates={templates}
      onEdit={handleEdit}
      onDelete={handleDelete}
    />
  );
};

export default App;