import React from 'react';
import { Card } from './Card';

function App() {
  return (
    <Card
      variant="default"
      header={<div className="text-xl font-bold">Card Header</div>}
      content={<div className="text-base">This is the main content of the card.</div>}
      footer={<div className="text-sm">Card Footer</div>}
    />
  );
}

import React from 'react';
import { Card } from './Card';

function App() {
  return (
    <Card
      variant="project"
      image="https://via.placeholder.com/300"
      title="Project Title"
      technology="React, TypeScript"
      desc="This is a description of the project."
      demoLink="https://example.com/demo"
      githubLink="https://github.com/example"
    />
  );
}