import { SectionHeader } from '@bjsdistribution/dms-component-library';
import React from 'react';
import styled from 'styled-components';

function CollapsedContent() {
  return (
    <Container>
      <SectionHeader label="Products" />
      <Dimensions>Products to be Returned</Dimensions>
    </Container>
  );
}

const Dimensions = styled.span`
  color: #6a7378;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 171.429% */
`;

const Container = styled.div`
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  width: 100%;
  gap: 30px;
`;

export default CollapsedContent;
