import React, { useState } from "react";

export default function App() {
    return (
        <div className="grid grid-cols-1 gap-0">
            <div className="..."> Service Name </div>
            <div className="flex flex-row gap-1">
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
                <div className="w-1 flex-1 bg-indigo-500 p-1"></div>
            </div>
        </div>
    );
}