import { styled } from '@linaria/react';

type SectionProps = {
  title: string;
};

const Title = styled.h3`
  font-size: 22px;
  color: black;
  font-weight: 600;
  letter-spacing: 0.92px;
  padding-left: 21px;
  position: relative;
  margin-bottom: 24px;
  line-height: 22px;

  ::before {
    content: '';
    width: 5px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #e03f19;
  }
`;

export const Section = ({ title }: SectionProps) => {
  return <Title key={title}>{title}</Title>;
};

export default Section;