All files / app/components StackedLabelHeader.tsx

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27          1x                   1x 1x       1x            
import React from 'react';
 
import { StackedLabel, StackedLabelProps } from './StackedLabel';
import { style } from 'app/styles';
 
const localStyles = {
  labelStyle: {
    _extends: 'h3Text',
    marginBottom: 5,
  },
  textStyle: {
    _extends: 'h2Text',
  },
};
 
export const StackedLabelHeader = (props: StackedLabelProps): JSX.Element => {
  const propsForward = Object.assign({}, props, {
    labelStyle: style(localStyles.labelStyle, props.labelStyle),
  });
 
  return (
    <StackedLabel {...propsForward}>
      <div style={style(localStyles.textStyle)}>{props.children}</div>
    </StackedLabel>
  );
};