text: import Layout from '../../components/Layout';
  import Accordion from 'react-spring-accordion';
  
  const CriminalLaw = () => {
    return (
      <>
        <Layout>
          <div className='flex font-bold justify-center bg-red-700 text-white rounded text-3xl'>
            Criminal Law
          </div>
          <div>
            <Accordion.Wrapper>
              <Accordion.Item>
                <Accordion.Heading className='font-bold text-3xl'>
                  Murder Approach (Full)
                </Accordion.Heading>
                <Accordion.Child className='text-xl'>Rule</Accordion.Child>
              </Accordion.Item>
            </Accordion.Wrapper>
            <form className='bg-white shadow-md rounded'>
              <div>
                <textarea
                  className='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline hover:shadow-outline'
                  type='textarea'
                  placeholder='A lawyer owes...'
                />
              </div>
            </form>
          </div>
          <div>
            <Accordion.Wrapper>
              <Accordion.Item>
                <Accordion.Heading className='font-bold text-3xl'>
                  Kidnapping
                </Accordion.Heading>
                <Accordion.Child className='text-xl'>Rule</Accordion.Child>
              </Accordion.Item>
            </Accordion.Wrapper>
            <form className='bg-white shadow-md rounded mb-4'>
              <div>
                <textarea
                  className='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline hover:shadow-outline'
                  type='textarea'
                  placeholder='Attorneys owe their clients...'
                />
              </div>
            </form>
          </div>
          <div>
            <Accordion.Wrapper>
              <Accordion.Item>
                <Accordion.Heading className='font-bold text-3xl'>
                  Larceny
                </Accordion.Heading>
                <Accordion.Child className='text-xl'>Rule</Accordion.Child>
              </Accordion.Item>
            </Accordion.Wrapper>
            <form className='bg-white shadow-md rounded mb-4'>
              <div>
                <textarea
                  className='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline hover:shadow-outline'
                  type='textarea'
                  placeholder='A lawyer owes...'
                />
              </div>
            </form>
          </div>
          <div>
            <Accordion.Wrapper>
              <Accordion.Item>
                <Accordion.Heading className='font-bold text-3xl'>
                  Larceny By Trick & False Pretenses
                </Accordion.Heading>
                <Accordion.Child className='text-xl'>Rule</Accordion.Child>
              </Accordion.Item>
            </Accordion.Wrapper>
            <form className='bg-white shadow-md rounded mb-4'>
              <div>
                <textarea
                  className='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline hover:shadow-outline'
                  type='textarea'
                  placeholder='A lawyer owes...'
                />
              </div>
            </form>
          </div>
          <div>
            <Accordion.Wrapper>
              <Accordion.Item>
                <Accordion.Heading className='font-bold text-3xl'>
                  Attempt
                </Accordion.Heading>
                <Accordion.Child className='text-xl'>Rule</Accordion.Child>
              </Accordion.Item>
            </Accordion.Wrapper>
            <form className='bg-white shadow-md rounded mb-4'>
              <div>
                <textarea
                  className='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline hover:shadow-outline'
                  type='textarea'
                  placeholder='A lawyer owes...'
                />
              </div>
            </form>
          </div>
          <div>
            <Accordion.Wrapper>
              <Accordion.Item>
                <Accordion.Heading className='font-bold text-3xl'>
                  Conspiracy
                </Accordion.Heading>
                <Accordion.Child className='text-xl'>Rule</Accordion.Child>
              </Accordion.Item>
            </Accordion.Wrapper>
            <form className='bg-white shadow-md rounded mb-4'>
              <div>
                <textarea
                  className='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline hover:shadow-outline'
                  type='textarea'
                  placeholder='A lawyer owes...'
                />
              </div>
            </form>
          </div>
          <div>
            <Accordion.Wrapper>
              <Accordion.Item>
                <Accordion.Heading className='font-bold text-3xl'>
                  Solicitation
                </Accordion.Heading>
                <Accordion.Child className='text-xl'>Rule</Accordion.Child>
              </Accordion.Item>
            </Accordion.Wrapper>
            <form className='bg-white shadow-md rounded mb-4'>
              <div>
                <textarea
                  className='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline hover:shadow-outline'
                  type='textarea'
                  placeholder='A lawyer owes...'
                />
              </div>
            </form>
          </div>
          <div>
            <Accordion.Wrapper>
              <Accordion.Item>
                <Accordion.Heading className='font-bold text-3xl'>
                  Self-Defense
                </Accordion.Heading>
                <Accordion.Child className='text-xl'>Rule</Accordion.Child>
              </Accordion.Item>
            </Accordion.Wrapper>
            <form className='bg-white shadow-md rounded mb-4'>
              <div>
                <textarea
                  className='shadow appearance-none border rounded w-full py-2 px-3 text-gray-700 leading-tight focus:outline-none focus:shadow-outline hover:shadow-outline'
                  type='textarea'
                  placeholder='A lawyer owes...'
                />
              </div>
            </form>
          </div>
        </Layout>
      </>
    );
  };
  
  export default CriminalLaw;
  