import React from 'react';
import { Text } from '@mantine/core'; 
import { IconPlus } from '@tabler/icons-react';
const WorkspaceCreateButton = ({ onClick }) => {  
    return (
        <button
            className="relative w-full h-full min-h-[193px] rounded-lg border border-dashed border-blue-500 bg-white flex-row items-center justify-center align-items-center text-center"
            onClick={onClick}
        >
            <div className="text-center rounded-md border border-solid border-[#39758D] px-2 py-1 inline-block">
                <IconPlus size={20} color="#39758D" />
            </div> 
            <Text ta="center" fz="md" fw={500} c="#39758D" mt="12">
                Create new Workspace
            </Text> 
        </button> 
    );
}

export default WorkspaceCreateButton;