DataRow

<DataRow
  label="Contact Address"
  value="Unit 3. 123 Fake St. West Ryde NSW 2114"
/>
<DataRow
  label="Total superannuation"
  value="$100,000.00"
  isLabelEmphasised
  alignItems="flex-end"
/>
<DataRow
  label="Super long title of a spectacular DataRow component"
  value="value"
/>
<DataRow
  label="Email"
  value="homer@springfieldnuclear.com"
  onValuePress={() => console.log('Email Homer')}
/>
<DataRow
  label="Std. days worked per week"
  value="5"
  onHintPress={() => console.log('press')}
  isLast
  isValueEmphasised
/>

<DataRow label="Total earnings" value="$100,000.00" alignItems="flex-end" />
<DataRow label="Total allowances" value="$100,000.00" alignItems="flex-end" />
<DataRow label="Total deductions" value="$100,000.00" alignItems="flex-end" />
<DataRow
  label="Total superannuation"
  value="$100,000.00"
  isLast
  alignItems="flex-end"
/>

<DataRow
  label="Contact Address"
  value="Unit 3. 123 Fake St. West Ryde NSW 2114"
  isElevated
/>
<DataRow
  label="Total superannuation"
  value="$100,000.00"
  isElevated
  isLabelEmphasised
/>
<DataRow
  label={`Super long title of a ${'\n'}spectacular DataRow${'\n'}component`}
  value="value"
  isElevated
  isFirst
/>
<DataRow
  label="Super long title of a spectacular DataRow component"
  value="value"
  isElevated
/>
<DataRow
  label="Email"
  value="homer@springfieldnuclear.com"
  onValuePress={() => console.log('Email Homer')}
  isElevated
/>
<DataRow
  label="Std. days worked per week"
  value="5"
  onHintPress={() => console.log('press')}
  isElevated
  isLast
  isValueEmphasised
/>