// Copyright 2017-2025 @pezkuwi/react-components authors & contributors
// SPDX-License-Identifier: Apache-2.0

import React from 'react';

import { styled } from '../styled.js';

interface TabsSectionDelimiterProps {
  className?: string;
}

function TabsSectionDelimiter ({ className = '' }: TabsSectionDelimiterProps): React.ReactElement {
  return (
    <StyledDiv className={className}>
      <svg
        fill='none'
        height='47'
        viewBox='0 0 17 65'
        width='17'
        xmlns='http://www.w3.org/2000/svg'
      >
        <path
          className='highlight--stroke'
          d='M1 1L16 32.5L1 64'
          stroke='#D1D1D1'
        />
      </svg>
    </StyledDiv>
  );
}

const StyledDiv = styled.div`
  height: 100%;
  width: auto;
`;

export default React.memo(TabsSectionDelimiter);
