[Dúvida] useState() = Entendendo mais a fundo!

Boa tarde Pessoal,

Consegui concluir o projeto da aula e até fiz funcionar em um projeto que estou fazendo, mas não entendi muito bem como estou direcionando as variáveis. Vou explicar com o código abaixo, estou usando styled-component, por isso das tags diferentes.

Função do formulário:

function CheckCn(){
    const [service, setService] = useState('')


    const getSubmit = (event) => {
        event.preventDefault()
        console.log(service);
        setService('')
        }



    return(
        <form onSubmit={getSubmit}>
            <CheckCnNovo>
                <FormTitleLeft title={'Novo Serviço'} name={'voltar'} link='/check/cn'/>
                <FormCol  value={service} alterado={valor => setService(valor)} label={'Serviço'} placeholder={'Digite o nome do serviço'}/>
                <ButtonConfirm buttonName="Confirmar" />
            </CheckCnNovo>
        </form>
    )
}
export default CheckCn

Componente input. FormCol.js

export function FormCol({label, placeholder, value, alterado}){

    const getDigitado = (event)=>{
        alterado(event.target.value)

    }
    return (
            <FormColContainer>
                <Label>{label}:</Label>
                <Input  value={value} placeholder={placeholder} onChange={getDigitado}></Input>
            </FormColContainer>
    )
}

Eu segui a mesma lógica da aula, só renomeei de aoAlterado para alterado. O que eu não entendo é porque alterado sendo uma props recebe um parametro. Na função CheckCn alterado recebe uma arrow function, essa arrow function recebe um valor . O que é esse valor? É o event.target.value? então a props alterado seria algo do tipo...

<FormCol  value={service} alterado={event.target.value => setService(event.target.value)} label={'Serviço'} placeholder={'Digite o nome do serviço'}/>

Se ficar muito confuso com meu exemplo posso pegar o exemplo da aula e dar continuidade na explicação.

Abraços.