import styled from 'styled-components';
export const StyledHeading = styled.h1`
    font-size: 32px;
    color: darkorchid;
`;

import React from 'react';
import ColorfulHeadingTypes from './ColorfulHeading.types';
import Styles from './ColorfulHeading.css';
const ColorfulHeading: React.FC<ColorfulHeadingTypes> = ({ title}) => (
    <React.Fragment>
        <Styles.StyledHeading data-testid="colorful-heading-title">{title}</Styles.StyledHeading>
    </React.Fragment>
);
export default ColorfulHeading;