import { jsx as _jsx } from "react/jsx-runtime";
import { format } from 'd3-format';
import { memo, useMemo } from 'react';
import { VerbDescription } from '../verbForm/VerbDescription.js';
const perc = format('.0%');
export const SampleDescription = /*#__PURE__*/ memo(function SampleDescription(props) {
    const rows = useMemo(()=>{
        const { step: { args  } ,  } = props;
        return [
            {
                before: 'random',
                value: args.size || perc(args.proportion || 0),
                after: args.size ? args.size === 1 ? 'row' : 'rows' : ' of rows'
            }, 
        ];
    }, [
        props
    ]);
    return /*#__PURE__*/ _jsx(VerbDescription, {
        ...props,
        rows: rows
    });
});
