import "./styles.css";

import parse from "html-react-parser";

import Heading from "../Heading";

const Card = ({ props }) => {
  const data = {
    name: "Archetype : Maitre des lames",
    type: "subclass",
    img: "/icons/magic/unholy/silhouette-robe-evil-power.webp",
    effects: [],
    folder: "II39fHNttX88LW3a",
    flags: {
      core: {},
    },
    system: {
      description: {
        value: `<p>Les maitre des lames sont des assassins hors pairs qui peuvent terminer un combat avant qu'il ne soit commencÃ©.</p>`,
        chat: "",
        unidentified: "",
      },
      source: {},
      identifier: "archetype-mdl",
      classIdentifier: "ninja",
      advancement: [
        {
          _id: "y66ssr2gbt42t1s7",
          type: "ItemGrant",
          configuration: {
            items: ["Item.ZJIm0Tl0sWeYD7e5"],
            optional: false,
            spell: null,
          },
          value: {},
          level: 9,
          title: "Faire taire",
          icon: "icons/skills/melee/maneuver-greatsword-yellow.webp",
        },
        {
          _id: "bnoflj0sdhpwny6i",
          type: "ItemGrant",
          configuration: {
            items: ["Item.hqmilMXqdYRf2Am3", "Item.6jPDVnDLTjUS5UTg"],
            optional: false,
            spell: null,
          },
          value: {},
          level: 1,
          title: "CompÃ©tence",
          icon: "icons/skills/wounds/bone-broken-knee-beam.webp",
        },
        {
          _id: "Jj9Tg3NfE7ZVMlDZ",
          type: "ItemGrant",
          configuration: {
            items: ["Item.a3UEBd04yOr1Qw2r"],
            optional: false,
            spell: null,
          },
          value: {},
          level: 3,
          title: "CompÃ©tence",
          icon: "icons/skills/targeting/crosshair-ringed-gray.webp",
        },
        {
          _id: "dYwNzw2lQyjKUEr0",
          type: "ItemGrant",
          configuration: {
            items: ["Item.ginieiw5u4LUhTXX"],
            optional: false,
            spell: null,
          },
          value: {},
          level: 6,
          title: "CompÃ©tence",
          icon: "icons/skills/movement/arrow-upward-yellow.webp",
        },
      ],
      spellcasting: {
        progression: "artificer",
        ability: "",
      },
    },
    ownership: {
      default: 2,
      rnDWxiLHx5q6fRFC: 3,
    },
    _stats: {
      systemId: "dnd5e",
      systemVersion: "2.4.0",
      coreVersion: "11.315",
      createdTime: 1702230824135,
      modifiedTime: 1702294376156,
      lastModifiedBy: "rnDWxiLHx5q6fRFC",
    },
    _id: "06OOkI1l8ogebo2N",
    sort: 0,
    _key: "!items!06OOkI1l8ogebo2N",
    subItems: [],
  };
  return (
    <div className="card">
      <div className="cardHeader">
        <div className="cardImg">
          <img src={data?.img} alt={data?.name} />
        </div>
        <Heading As="h3" className="cardHeading">
          {data?.name}
        </Heading>
      </div>
      <div className="cardBody">
        <div className="cardDescription">
          {parse(data?.system?.description?.value)}
        </div>
      </div>
    </div>
  );
};

export default Card;
