import React from 'react';

export interface CardBottonProp {
  icon: React.ReactNode;
  title: React.ReactNode;
  onClick?: () => void;
}

const CardBotton: React.FC<CardBottonProp> = function ({ icon, title, onClick }) {
  return (
    <div
      className="h-12 flex flex-col justify-center cursor-pointer items-center group gap-2 rounded hover:bg-bgColorTertiary hover:text-white"
      onClick={onClick}>
      {icon}
      <span className=" text-xs px-3">{title}</span>
    </div>
  );
};

export default CardBotton;
