export function OutlineStyleAllSidesUtils() {

    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-solid k-outline-primary</span>
                <div className="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-dashed</span>
                <div className="k-outline-dashed 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-dotted</span>
                <div className="k-outline-dotted 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-double</span>
                <div className="k-outline-double 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-hidden</span>
                <div className="k-outline-hidden k-outline-primary k-w-20 k-h-20 k-bg-secondary"></div>
            </div>
        </div>
    );
}