RecordDetails

function Example() {
  const [open, setOpen] = useState(false);
  return (
    <>
      <Button variant="outline" onClick={() => setOpen(true)}>
        Открыть заявку
      </Button>
      <RecordDetails
        open={open}
        onOpenChange={setOpen}
        title="Заявка №128"
        description="Детали заявки"
      >
        <RecordDetailsBody>
          <InfoRow icon={PhoneLineIcon} label="Телефон">
            +7 900 123-45-67
          </InfoRow>
          <InfoRow icon={GlobalLineIcon} label="Источник">
            Яндекс Директ
          </InfoRow>
          <InfoRow icon={TimeLineIcon} label="Создана">
            23 октября, 14:05
          </InfoRow>
        </RecordDetailsBody>
        <RecordDetailsActions>
          <Button variant="brand">Позвонить</Button>
        </RecordDetailsActions>
      </RecordDetails>
    </>
  );
}

render(<Example />);