```js
initialState = {
    data: [
        { id: 1, cols: ['Bruce', 'Wayne'] },
        { id: 2, cols: ['Clark', 'Kent'] },
        { id: 3, cols: ['Lex', 'Luthor'] }
    ],
    clickedValue: ''
};

<div>
    <ClickableTable
        rows={state.data}
        header={['PROJECT NAME', 'PROJECT CODE']}
        footer={['FOOTER']}
        tableHeading="Table Heading"
        onRowClick={id =>
            setState({ clickedValue: state.data.find(item => item.id === id).cols.join(' ') })
        }
    />
    <br />
    {state.clickedValue && <p>You have clicked: {state.clickedValue}</p>}
</div>;
```