Physics Underline Tabs

import { TabsUnderlinePhysics } from '@/components/ui/tabs-underline-physics'

import { TabsUnderlinePhysics } from '@/components/ui/tabs-underline-physics'

export default function TabsUnderlinePhysicsDemo() {
  return (
    <div className="mx-auto w-full max-w-xl px-4 py-10 sm:px-6 sm:py-14">
      <p className="mb-6 font-mono text-[11px] uppercase tracking-[0.2em] text-muted-foreground sm:text-xs">
        Spec sheet · Query engine
      </p>
      <TabsUnderlinePhysics
        defaultIndex={0}
        ariaLabel="Engine specifications"
        items={[
          {
            label: 'Latency',
            content: (
              <p>
                Median interactive query returns in 180 ms on the included
                warehouse pool. Cold starts after 15 minutes idle add ~40 ms for
                credential refresh; keep a warm pool on Business if boards must
                stay sub-150 ms under load.
              </p>
            ),
          },
          {
            label: 'Throughput',
            content: (
              <p>
                Pro seats include 40,000 query minutes per month. Concurrent
                runners cap at 8 per workspace on Pro and 32 on Business.
                Burst above the cap queues FIFO for up to 90 seconds before a
                soft failure with a retry token.
              </p>
            ),
          },
          {
            label: 'Retention',
            content: (
              <p>
                Result cache lives 24 hours on Free, 7 days on Pro, and 30 days
                on Business. Query history is retained 90 / 365 days respectively.
                Purge either from Settings → Data residency; the action is
                irreversible within 60 seconds of confirm.
              </p>
            ),
          },
          {
            label: 'Regions',
            content: (
              <p>
                Compute pins to us-east-1, eu-west-1, or ap-southeast-2 at
                signup. Cross-region joins route through a private fabric and
                never stage credentials outside the source VPC when the private
                connector is enabled.
              </p>
            ),
          },
        ]}
      />
    </div>
  )
}