export { TrashIcon } from "@phosphor-icons/react";

export const SparkleIcon = () => (
  <svg
    width="16"
    height="16"
    viewBox="0 0 16 16"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <title>Sparkle</title>
    <path
      d="M10.25 1.87476L10.3197 2.30251C10.7635 5.02599 13.0007 7.09989 15.75 7.33639C13.0022 7.57276 10.7678 9.64893 10.3307 12.3721L10.25 12.8748L10.1693 12.3721C9.73217 9.64893 7.49783 7.57276 4.75 7.33639C7.49925 7.09989 9.73647 5.02599 10.1803 2.30251L10.25 1.87476Z"
      fill="white"
    />
    <path
      d="M2.875 1.62476L2.90035 1.7803C3.06174 2.77066 3.87527 3.5248 4.875 3.6108C3.87579 3.69676 3.0633 4.45173 2.90434 5.44195L2.875 5.62476L2.84566 5.44195C2.6867 4.45173 1.87421 3.69676 0.875 3.6108C1.87473 3.5248 2.68826 2.77066 2.84965 1.7803L2.875 1.62476Z"
      fill="white"
    />
    <path
      d="M2.875 10.6248L2.90352 10.7997C3.08508 11.9139 4.00031 12.7623 5.125 12.8591C4.00089 12.9558 3.08684 13.8051 2.90801 14.9191L2.875 15.1248L2.84199 14.9191C2.66316 13.8051 1.74911 12.9558 0.625 12.8591C1.74969 12.7623 2.66492 11.9139 2.84648 10.7997L2.875 10.6248Z"
      fill="white"
    />
  </svg>
);

export const WorkersAILogo = () => (
  <svg
    width="20"
    height="19"
    viewBox="0 0 20 19"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <title>Workers AI Logo</title>
    <path
      d="M12.5308 1.03827L12.6216 1.59529C13.1993 5.14062 16.1116 7.84036 19.6905 8.14824C16.1135 8.45595 13.2049 11.1586 12.6359 14.7035L12.5308 15.3581L12.4257 14.7035C11.8567 11.1586 8.94812 8.45595 5.37109 8.14824C8.94997 7.84036 11.8623 5.14062 12.44 1.59529L12.5308 1.03827Z"
      fill="url(#wai0)"
    />
    <path
      d="M2.92921 0.712708L2.96222 0.915259C3.1723 2.20447 4.23133 3.1862 5.53274 3.29815C4.232 3.41005 3.17434 4.39284 2.96742 5.68188L2.92921 5.91992L2.891 5.68188C2.68409 4.39284 1.62642 3.41005 0.325684 3.29815C1.62709 3.1862 2.68612 2.20447 2.89621 0.915259L2.92921 0.712708Z"
      fill="url(#wai1)"
    />
    <path
      d="M2.92897 12.4291L2.9661 12.6569C3.20245 14.1073 4.39385 15.2118 5.85794 15.3377C4.39461 15.4636 3.20474 16.5692 2.97196 18.0194L2.92897 18.2872L2.88598 18.0194C2.6532 16.5692 1.46333 15.4636 0 15.3377C1.46409 15.2118 2.65549 14.1073 2.89184 12.6569L2.92897 12.4291Z"
      fill="url(#wai2)"
    />
    <defs>
      <linearGradient
        id="wai0"
        x1="5.37109"
        y1="9.74315"
        x2="19.7084"
        y2="5.85333"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#901475" />
        <stop offset="0.505208" stopColor="#CE2F55" />
        <stop offset="1" stopColor="#FF6633" />
      </linearGradient>
      <linearGradient
        id="wai1"
        x1="0.325684"
        y1="3.87812"
        x2="5.53925"
        y2="2.46364"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#901475" />
        <stop offset="0.505208" stopColor="#CE2F55" />
        <stop offset="1" stopColor="#FF6633" />
      </linearGradient>
      <linearGradient
        id="wai2"
        x1="-5.51246e-08"
        y1="15.9902"
        x2="5.86526"
        y2="14.3989"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#901475" />
        <stop offset="0.505208" stopColor="#CE2F55" />
        <stop offset="1" stopColor="#FF6633" />
      </linearGradient>
    </defs>
  </svg>
);

export const McpInfoIcon = () => (
  <svg
    width="16"
    height="16"
    viewBox="0 0 16 16"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <title>MCP Info</title>
    <path
      d="M8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0ZM8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8C14.5 11.5899 11.5899 14.5 8 14.5Z"
      fill="url(#mcp0)"
    />
    <path
      d="M8 3.5C7.58579 3.5 7.25 3.83579 7.25 4.25V8.75C7.25 9.16421 7.58579 9.5 8 9.5C8.41421 9.5 8.75 9.16421 8.75 8.75V4.25C8.75 3.83579 8.41421 3.5 8 3.5Z"
      fill="url(#mcp1)"
    />
    <path
      d="M8 12.5C8.41421 12.5 8.75 12.1642 8.75 11.75C8.75 11.3358 8.41421 11 8 11C7.58579 11 7.25 11.3358 7.25 11.75C7.25 12.1642 7.58579 12.5 8 12.5Z"
      fill="url(#mcp2)"
    />
    <defs>
      <linearGradient
        id="mcp0"
        x1="0"
        y1="8"
        x2="16"
        y2="8"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#901475" />
        <stop offset="0.505208" stopColor="#CE2F55" />
        <stop offset="1" stopColor="#FF6633" />
      </linearGradient>
      <linearGradient
        id="mcp1"
        x1="7.25"
        y1="6.5"
        x2="8.75"
        y2="6.5"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#901475" />
        <stop offset="0.505208" stopColor="#CE2F55" />
        <stop offset="1" stopColor="#FF6633" />
      </linearGradient>
      <linearGradient
        id="mcp2"
        x1="7.25"
        y1="11.75"
        x2="8.75"
        y2="11.75"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#901475" />
        <stop offset="0.505208" stopColor="#CE2F55" />
        <stop offset="1" stopColor="#FF6633" />
      </linearGradient>
    </defs>
  </svg>
);