import { FC } from 'react';

interface LayoutLimitedEditionStyledNumberViewProps {
    value: number;
}

export const LayoutLimitedEditionStyledNumberView: FC<LayoutLimitedEditionStyledNumberViewProps> = (props) => {
    const { value = 0 } = props;
    const numbers = value.toString().split('');

    return (
        <>
            {numbers.map((number, index) => (
                <i key={index} className={'limited-edition-number n-' + number} />
            ))}
        </>
    );
};