import { Button, Flex, Text } from "@mantine/core";
import { IconPlus } from "@tabler/icons-react";

export default function AgentTableHeader({ onCreate }: { onCreate: () => void }) {
  return (
    <Flex justify="space-between" align="center" mb="md">
      <Text fw={600} size="lg">Agents</Text>

      <Button
        size="compact-lg"
        fz={12}
        variant="filled"
        color="blue.1"
        autoContrast
        leftSection={<IconPlus size={14} />}
        onClick={onCreate}
      >
        Create New Agent
      </Button>
    </Flex>
  );
}