/*
 * @Author: your name
 * @Date: 2021-12-17 17:02:34
 * @Description:
 * @FilePath: \zl-business\src\components\Unit\titleLine\index.tsx
 */

import React from 'react';

import '../g.scss';

function LabelTitleLine(props: ITitleLine) {
  const {
    label = 'label',
    labels = '',
    wrapStyle = { padding: '6px 20px 6px 20px' }
  } = props;
  return (
    <div className="zl-large-screen-setting-title" style={wrapStyle}>
      <span style={{ width: labels ? '40%' : '100%' }}>
        {label ? label : ''}
      </span>
      {labels ? <span style={{ width: '60%' }}>{labels}</span> : <></>}
    </div>
  );
}

export default LabelTitleLine;
export interface ITitleLine {
  label: string;
  labels?: string;
  wrapStyle?: React.CSSProperties;
}