Which usage of destructuring is right?
function Card({props}) { return <Text>{props.title} at SensioLabs</Text>; } <Card title="Dev Backend" />
function Card({title}) { return <Text>{title} at SensioLabs</Text>; } <Card title="Dev Backend" />
function Card(props) { return <Text>{props} at SensioLabs</Text>; } <Card props="Dev Backend" />
function Card(title) { return <Text>{title} at SensioLabs</Text>; } <Card title="Dev Backend" />