hunk.code_window:         step: {
             digest: !!command.events?.length,
             events: command.events,
             total_count: command.events?.length,
           },
           ...(tenant ? { tenant: { name: tenant.name, ...tenant.data } } : {}),
           subscriber,
         },
       };
       const messagePayload = Object.assign({}, command.payload);
  
hunk.labels: keep keep keep keep keep replace keep keep keep keep keep
hunk.after_edit:         ...(tenant && { tenant }),
  
hunk.file_path: apps/worker/src/app/workflow/usecases/send-message/send-message-email.usecase.ts
hunk.type: replace
file: import React from 'react';
  import { css, cx } from '@emotion/css';
  
  import { Text, TextBlock } from './styles';
  import { useStyles } from '../../../../store/styles';
  import type { IThemeUserPreferences } from '../../../../store/novu-theme.context';
  
  const preferencesTitleClassName = (theme) => css`
    color: ${theme?.accordion?.fontColor};
  `;
  
  const preferencesChannelsClassName = (theme) => css`
    color: ${theme?.accordion?.secondaryFontColor};
  `;
  
  export const WorkflowHeader = ({
    theme,
    label,
    channels,
  }: {
    theme: IThemeUserPreferences;
    label: string;
    channels: string;
  }) => {
    const [itemTitleStyles, itemChannelsStyles] = useStyles(['preferences.item.title', 'preferences.item.channels']);
  
    return (
      <TextBlock>
        <Text
          size={'lg'}
          className={cx('nc-preferences-item-title', preferencesTitleClassName(theme), css(itemTitleStyles))}
        >
          {label}
        </Text>
        <Text
          data-test-id="workflow-active-channels"
          size={'sm'}
          className={cx('nc-preferences-item-channels', preferencesChannelsClassName(theme), css(itemChannelsStyles))}
        >
          {channels}
        </Text>
      </TextBlock>
    );
  };
  