import React, { useContext } from 'react';
import { ThemeContext } from '../context/ThemeContext';
const Card = ({title, description}) => {
  const {theme, setTheme} = useContext(ThemeContext)
  return (
    <div className={theme}>
      <h2>{title}</h2>
      <p>{description}</p>
      <button onClick={()=>theme=="light"?
          setTheme("dark"):
          setTheme("light")
      }>Change Theme</button>
    </div>
  );
};
export default Card;