RefineList comp

gistfile1.txt

import React, { PropTypes } from 'react';
import { Link } from 'react-router';

import { ChevronDownIcon,
         RefineIcon } from 'aileron';

const RefineResults = () => {
  return (
    <div className="max-width-4 mx-auto px1">
      <div className="clearfix">
        <div className="md-col md-col-8 md-pr1">
          <a className="flex items-center white-bg btn-box-shadow border gray-40-border">
            <div className="flex-auto">
              <p className="p m0 pl2 capitalize">
                <span className="RealHeadPro-Light mb1 gray-80 block">Change pricing based on different procedures</span>
                <span className="p RealHeadPro-Medium black">Office Consultation for New/Estab. Patients, No Testing</span>
              </p>
            </div>
            <div>
              <ChevronDownIcon iconSize="24px" className="p2 align-middle salmonberry" />
            </div>

            {/* Button changes to close when open */}

            {/* <div className="border-left gray-30-border p2 align-middle salmonberry">
                      <CloseIcon iconSize="24px" className="p2 align-middle salmonberry" />
                    </div> */}

          </a>

              {/* Dropdown */}
              {/* <div className="white-bg border btn-box-shadow border gray-40-border">
            <ul className="list-reset my0">
              <li className="p2">Office consultation for new/ estab. patients, no testing</li>
              <li className="p2">Cleaning of Superficial Wound</li>
              <li className="p2">Established Patient Preventive Care Visit Ages 18 - 39 male</li>
              <li className="p2 hover">Incision And Drainage Of Abscess, simple or single with Bacterial Culture</li>
              <li className="p2">Rapid Strep Test by Throat Culture - Established Patient</li>
              <li className="p2">Typical Established Patient Office Visit (Primary Care)</li>
            </ul>
          </div> */}
        </div>

        <div className="md-col md-col-4 md-pl1">
          <div className="flex items-center white-bg btn-box-shadow border gray-40-border">
            <div className="flex-auto">
              <p className="p pl2 capitalize">
                Refine Results
              </p>
            </div>
            <Link to="/">
              <RefineIcon iconSize="24px" className="p2 align-middle salmonberry" />
            </Link>
          </div>
        </div>
      </div>
    </div>
  );
};

export default RefineResults;