import LayoutIcon from "../icons/LayoutIcon";

type LayoutButtonProps = {
  onClick: () => void;
};

const LayoutButton = ({ onClick }: LayoutButtonProps) => {
  return (
    <button
      onClick={onClick}
      className="bg-white py-[6px] pr-5 pl-4 rounded-full border border-[#C7BDBA] text-[16px] flex gap-1 justify-center items-center hover:bg-secondary transition-all duration-200 h-10"
    >
      <LayoutIcon />
      Layout
    </button>
  );
};

export default LayoutButton;
