static.console-fe.src.components.Page.PageHeader.tsx Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of seata-console Show documentation

console for Seata built with Maven

The newest version!

import React, { PureComponent } from 'react';
import styled, { css } from 'styled-components';
import { Breadcrumb } from '@alicloud/console-components';
import _ from 'lodash';

const PageHeaderWrapper = styled.div`
  margin: 16px 0;
`;

const Title = styled.h3`
  font-size: 28px;
  font-weight: 400;
  margin: 0px;
  margin-top: 16px;
  vertical-align: middle;
`;

export default class PageHeader extends PureComponent {
  render() {
    const { title, breadcrumbs = [], separator = '/' } = this.props;
    return (
      
        
          {_.map(breadcrumbs, ({ link, text }: {link: string, text: string}) => (
            
              {text}
            
          ))}
        
        {title}
      
    );
  }
}