import { AudioIcon, VideoIcon } from "../icons";

export default function SidebarWidget() {
  return (
    <div
      className={`
        mx-auto mb-10 w-full max-w-60 rounded-2xl bg-gray-50 px-4 py-5 text-center dark:bg-white/[0.03] flex flex-col gap-2`}
    >
      <h3 className="mb-2 font-semibold text-gray-900 dark:text-white">
        HCM SuperApp Insyallah
      </h3>
      <a
        href="https://tailadmin.com/pricing"
        target="_blank"
        rel="nofollow"
        className="flex items-center justify-center p-3 font-medium text-white rounded-lg bg-brand-500 text-theme-sm hover:bg-brand-600"
      >
        <AudioIcon className="mr-2 size-5" />
        <span>JAS Voice</span>
      </a>
      <a
        href="https://tailadmin.com/pricing"
        target="_blank"
        rel="nofollow"
        className="flex items-center justify-center p-3 font-medium text-white rounded-lg bg-brand-500 text-theme-sm hover:bg-brand-600"
      >
        <VideoIcon className="mr-2 size-5" />
        <span>Another JAS</span>
      </a>
    </div>
  );
}