Pass data from view to layout to component?

How can I pass data from view as section directive, then yield it on the layout as value to pass to the component?

view

@extends('layout')
@section('page_name', 'Page name')

layout

<x-component page_name="@yield('page_name')" />

component

<h2>{{ $page_name }}</h2>