"use client";

import { Group, Title, TextInput } from "@mantine/core";
import { IconSearch } from "@tabler/icons-react";
import React from "react";

export function ComponentAdminGlobal_TitlePage({
  name,
  color,
  component,
}: {
  name: string;
  color?: string;
  component?: React.ReactNode;
}) {
  return (
    <>
      <Group
        position="apart"
        bg={color ? color : "gray.4"}
        p={"xs"}
        style={{ borderRadius: "6px" }}
      >
        <Title order={4}>{name}</Title>
        {component ? component : ""}
      </Group>
    </>
  );
}
