// template/modules/feature/everyday/index.tsx
import React from 'react';
import ScreenBuilder, { ScreenConfig } from '../../../components/ScreenBuilder';

// Import the screen configuration
import screenData from './screenData.json';

interface EverydayProps {
  screenWidth: number;
}

const Everyday: React.FC<EverydayProps> = ({ screenWidth }) => {
  // Cast the imported JSON to our ScreenConfig type
  const config = screenData as ScreenConfig;

  return (
    <ScreenBuilder 
      config={config} 
      screenWidth={screenWidth} 
    />
  );
};

export default Everyday;