ui-react/src/components/loop_viewer/svg/ClosedLoopSvg.js

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * ONAP CLAMP
   4  * ================================================================================
   5  * Copyright (C) 2019 AT&T Intellectual Property. All rights
   6  *                             reserved.
   7  * ================================================================================
   8  * Licensed under the Apache License, Version 2.0 (the "License");
   9  * you may not use this file except in compliance with the License.
  10  * You may obtain a copy of the License at
  11  *
  12  * http://www.apache.org/licenses/LICENSE-2.0
  13  *
  14  * Unless required by applicable law or agreed to in writing, software
  15  * distributed under the License is distributed on an "AS IS" BASIS,
  16  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  17  * See the License for the specific language governing permissions and
  18  * limitations under the License.
  19  * ============LICENSE_END============================================
  20  * ===================================================================
  21  *
  22  */
  23 import React from 'react';
  24 import styled from 'styled-components';
  25 import { ReactComponent as SvgExample } from './example.svg';
  26 const LoopViewSvgDivStyle = styled.div`
  27
  28         overflow: hidden;
  29         background-color: ${props => (props.theme.loopViewerBackgroundColor)};
  30         border: 1px solid transparent;
  31         border-color: ${props => (props.theme.loopViewerHeaderColor)};
  32 `
  33
  34 export default class ClosedLoopViewSvg extends React.Component {
  35   render() {
  36     return (
  37         <LoopViewSvgDivStyle id="loop_svg">
  38                 <SvgExample />
  39         </LoopViewSvgDivStyle>
  40     );
  41   }
  42 }
  43