Разяснить о async awite

Есть 2 функции - одна обращяется к файлу и возвращяет данные, после их образет и возвращяет в переменную эту переменую подхватывает другая функция и выводит в консоле. Используя async awite так как в пример я получаю undefined. Через классический new Promise & then все работает, подскажите что не так с async awite ?

const readFile = (file) => {
    fs.readFile(file, 'utf8', function(err, data){
        if(err) console.log(err)
        console.log(data.length)
        const s = data.slice(0, 30)
        return s
    })
}

const getName = (string) => {
    console.log(`this is 0-30 string in data ->${string}`)
}


async function asyncFunction(){
    const st = await readFile('./src/resources/source_data/foo.html')
    await getName(st)
}

asyncFunction()