src/components/
├── NombreComponente/
│   ├── NombreComponente.tsx
│   ├── NombreComponente.module.scss
│   └── index.ts

import React from 'react';
import styles from './NombreComponente.module.scss';

interface NombreComponenteProps {
  // props
}

export const NombreComponente: React.FC<NombreComponenteProps> = ({ }) => {
  return (
    <div className={styles.container}>
      {/* contenido */}
    </div>
  );
};

.container {
  // estilos base
}

export { NombreComponente } from './NombreComponente';