Ejemplo básico para una historia de Storybook de un componente con dependencia

Soy nuevo en Storybook y los documentos son bastante claros sobre la forma idiomática de escribir historias en Angular. Aquí hay un ejemplo para mi aplicación:

import { Meta, Story } from '@storybook/angular';
import { CustomerListComponent } from "@app/modules/customer/customer-search/components/customer-list/customer-list.component";

export default {
  title: 'Customer List',
  component: CustomerListComponent,
} as Meta;

const Template: Story = (args) => ({
  props: args,
});

export const EmptyArgs = Template.bind({});
EmptyArgs.args = {};

Esto falla con el siguiente error:

De hecho, si observamos el constructor de CustomerListComponent, hay una dependencia en CustomerSearchComponent.

@Component({
  selector: 'customer-list',
  templateUrl: './customer-list.component.html',
  styleUrls: ['./customer-list.component.scss']
})
export class CustomerListComponent {
  constructor (
    private customerSearchComponent: CustomerSearchComponent,
  ) {
  }
...

Entonces, ¿qué se hace típicamente en este caso? ¿Puedo indicarle a Storybook que cargue ese componente y cualquier dependencia que tenga, y así sucesivamente? ¿Necesito pasar un simulacro de CustomerSearchComponent de alguna manera? Estoy teniendo problemas para encontrar ejemplos claros de casos como este, los documentos de Storybook parecen asumir componentes sin dependencias de otros componentes.

Esto también me hace pensar: ¿no debería planificar el uso de Storybook para renderizar vistas más grandes (es decir, padres con varios componentes hijos)? ¿Será difícil de configurar?

PD: Pregunta aleatoria, ¿la sintaxis de storiesOf está en desuso? No está en la documentación oficial pero se encuentra en tutoriales en toda la web.