import renderFormRows from '../../lib/render-rows';
import { id, mobileRows, rows, title } from './config';
import { Media } from '@/styles/media';

function LeasingObject() {
  return (
    <>
      <Media lessThan="laptop">{renderFormRows(mobileRows)}</Media>
      <Media greaterThanOrEqual="laptop">{renderFormRows(rows)}</Media>
    </>
  );
}

export default {
  Component: LeasingObject,
  id,
  title,
};