import { StyledComponent } from 'styled-components/macro';

export const withSubComponents = <C extends StyledComponent<any, any>, P extends Record<string, any>> (component: C, properties: P): C & P => {
    Object.keys(properties).forEach((key: keyof P) => {
        (component as any)[key] = properties[key];
    });

    return component as C & P;
};