import { Classes } from '@blueprintjs/core' ; import * as React from 'react' ; import styled , { theme } from 'styled' ; /**
 * Title component.
 */ const Title = styled . h1 `
  &,
  .${ Classes . DARK } & {
    border-top: 1px solid ${ theme ( 'settings.section.border' ) };
    color: ${ theme ( 'settings.section.color' ) };
    font-size: 0.9rem;
    line-height: initial;
    margin: 20px 0 20px 0;
    padding-top: 20px;
    text-transform: uppercase;

    &:first-child {
      border-top: 0;
      margin-top: 0;
      padding-top: 0;
    }

    &:last-child {
      margin-bottom: 0;
    }
  }
` ; /**
 * SettingsViewSection Component.
 */ const SettingsViewSection = ( { children , title } ) => ( < > < Title > { title } < /Title> { children } < />); export default SettingsViewSection ; /**
 * React Props.
 */ interface Props { title : string ; }