export function OutlineWidthAllSidesUtils() {

    return (
        <div className="k-d-flex k-justify-content-center k-gap-10 k-w-full">
            <div className="k-d-flex k-flex-col k-align-items-center k-gap-5">
                <span>k-outline</span>
                <div className="k-outline k-outline-solid k-outline-primary k-w-20 k-h-20 k-bg-secondary"></div>
            </div>
            <div className="k-d-flex k-flex-col k-align-items-center k-gap-5">
                <span>k-outline-2</span>
                <div className="k-outline-2 k-outline-solid k-outline-primary k-w-20 k-h-20 k-bg-secondary"></div>
            </div>
            <div className="k-d-flex k-flex-col k-align-items-center k-gap-5">
                <span>k-outline-4</span>
                <div className="k-outline-4 k-outline-solid k-outline-primary k-w-20 k-h-20 k-bg-secondary"></div>
            </div>
            <div className="k-d-flex k-flex-col k-align-items-center k-gap-5">
                <span>k-outline-8</span>
                <div className="k-outline-8 k-outline-solid k-outline-primary k-w-20 k-h-20 k-bg-secondary"></div>
            </div>
        </div>
    );
}