import styled from 'styled-components';

export const SectionHeader = styled.h2.attrs<{ className?: string }>(({ className }) => ({
  'data-component-name': 'Typography/SectionHeader',
  className,
}))`
  color: var(--h2-text-color);
  font-size: var(--h2-font-size);
  font-weight: var(--font-weight-regular);
  text-align: center;
  margin: 2.65em 0;
  padding: 0 20px;
  font-family: var(--h2-font-family);
`;
