Question: I have a requirement to generate excel report as follows.

My query is :

```
select emp_id, emp_name, dept_name
from table AA
union
select emp_id, emp_name, dept_name
from table BB
union
select emp_id, emp_name, dept_name
from table CC;

```

This perfectly gives me the columns with the heading.

But I need the Header text (`" User Generated .......`) to be displayed on the first row (above the column heading)

Any inputs or suggestions ???

[sample expected output](https://i.stack.imgur.com/OtyXz.png)

Answer: 
Yes, there's no problem passing const variable type to another component.
The variable type only affects the behavior of the variable only.

Just pass the variable you desire to the component and accessing it through the target component props.
Certainly. You can pass any kind of data to other components.

Suppousing that Comp1 is the parent and Comp2 is the child element, you can take look at [this example](https://jsfiddle.net/L63wnstk/3/) to see how it works:

```
const Comp1 = () => {
    const numbers = [1, 2, 3]
    return <div>
        <Comp2 nums = {numbers}/>
    </div>
}

const Comp2 = ({ nums }) => {
    console.log(nums)
    return <div>
        Numbers: {nums.toString()}
    </div>
}

```