<commit_before>import styled from "styled-components";
import { ProfilePicture } from "./ProfilePicture";
import { Record } from "../types/Events";

const RecordsContainer = styled.div`
    display: flex;
`;

export function Records({ records }: { records: Array<Record> }) {
    return <RecordsContainer>
        {records.map(record => <RecordComponent record={record} />)}

    </RecordsContainer>
}

const RecordConatiner = styled.div`
    background: var(--bg-bright);
    border: 1px solid var(--bg-brighter);
    margin: 1rem;<commit_msg>reduce margin<commit_after>import styled from "styled-components";
import { ProfilePicture } from "./ProfilePicture";
import { Record } from "../types/Events";

const RecordsContainer = styled.div`
    display: flex;
`;

export function Records({ records }: { records: Array<Record> }) {
    return <RecordsContainer>
        {records.map(record => <RecordComponent record={record} />)}

    </RecordsContainer>
}

const RecordConatiner = styled.div`
    background: var(--bg-bright);
    border: 1px solid var(--bg-brighter);
    margin: 1rem;
    margin-right: 0;
{'fraction_non_alphanumeric': 0.14517583408476104, 'fraction_numerical': 0.004508566275924256, 'mean_word_length': 3.977578475336323, 'pattern_counts': {'":': 0, '<': 11, '<?xml version=': 0, '>': 13, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6250789', 'n_tokens_mistral': 331, 'n_tokens_neox': 316, 'n_words': 82}