import { MiniTitle } from '../../ui/MiniTitle';

export function Events() {
  return (
    <div className="desktop:py-[70px] desktop:max-desktop-figma:px-10 desktop-figma:pl-10 desktop-figma:pr-[171px] tablet:py-14 tablet:px-6 mobile:px-4">
      <div className="flex desktop:border-t w-full mobile:max-desktop:flex-col gap-4 border-[#3D425C] pt-5">
        <MiniTitle text="события" />
        <div className="w-full">
          <div className="py-5 tablet:border-b mobile:max-tablet:border-t border-[#3D425C] flex mobile:max-tablet:flex-col items-start justify-between gap-2">
            <div className="">
              <h1 className="text-[#ffffff] desktop-figma:text-[32px] desktop-figma:leading-8 tablet:text-[24px] tablet:leading-6 font-medium tablet:mb-8 mobile:text-xl mobile:leading-5">
                Макет кабины машиниста «Иволга» на выставке ВДНХ
              </h1>
              <div className="flex items-start gap-2 tablet-figma:max-desktop:max-w-[586px] mobile:max-tablet:mt-5">
                <img
                  src="src/assets/ivolga.png"
                  className="rounded-2xl tablet:max-desktop:max-w-[384px] mobile:max-tablet:max-w-[328px]"
                  alt=""
                />
                <img
                  src="src/assets/ivolga_mini.png"
                  className="rounded-2xl mobile:max-tablet-figma:hidden tablet:max-desktop:max-w-[224px]"
                  alt=""
                />
              </div>
            </div>
            <button className="text-[#ffffff] opacity-60 uppercase flex items-center gap-2 desktop-figma:text-sm mobile:text-xs tablet:max-desktop:min-w-[114px] mobile:max-tablet:self-end">
              как это было
              <img src="src/assets/arrow_insert.svg" alt="" />
            </button>
          </div>
          <div className="py-5 tablet:border-b mobile:max-tablet:border-t border-[#3D425C] flex mobile:max-tablet:flex-col tablet:items-center justify-between gap-2">
            <h1 className="text-[#ffffff] desktop-figma:text-[32px] desktop-figma:leading-8 tablet:text-[24px] tablet:leading-6 font-medium mobile:text-xl mobile:leading-5">
              Победа на BuildUP 2023 в номинации IT
            </h1>
            <button className="text-[#ffffff] opacity-60 uppercase flex items-center gap-2 desktop-figma:text-sm mobile:text-xs tablet:max-desktop:min-w-[114px] mobile:max-tablet:self-end">
              как это было
              <img src="src/assets/arrow_insert.svg" alt="" />
            </button>
          </div>
          <div className="py-5 tablet:border-b mobile:max-tablet:border-t border-[#3D425C] flex mobile:max-tablet:flex-col tablet:items-center justify-between gap-2">
            <h1 className="text-[#ffffff] desktop-figma:text-[32px] desktop-figma:leading-8 tablet:text-[24px] tablet:leading-6 font-medium mobile:text-xl mobile:leading-5">
              Транспортное и специальное тренажеростроение — 2023
            </h1>
            <button className="text-[#ffffff] opacity-60 uppercase flex items-center gap-2 desktop-figma:text-sm mobile:text-xs tablet:max-desktop:min-w-[114px] mobile:max-tablet:self-end">
              как это было
              <img src="src/assets/arrow_insert.svg" alt="" />
            </button>
          </div>
        </div>
      </div>
    </div>
  );
}
