"use client";

import React from "react";
import { IoIosWater } from "react-icons/io";
import { PROJECT_TITLE } from "@config/config";

interface TitleProps {
  collapsed?: boolean;
}

export const Title: React.FC<TitleProps> = ({ collapsed = false }) => {
  return (
    <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
      <IoIosWater className="w-6 h-6" style={{ color: "#1976d2" }} />
      {!collapsed && <span className="select-none"> {PROJECT_TITLE} </span>}
    </div>
  );
};
