// Deliberate OS-shell violations. Keep excluded from edit-hook scanning.
import { db } from '@zync/db';
import { DialogContent, Table } from '@zync/ui';

export function OsShellRedFixture() {
  return (
    <section
      data-shell
      className="shell-effect"
      style={{
        zIndex: 9,
        transition: 'transform 180ms ease',
        backdropFilter: 'blur(22px)',
        color: '#ff0044',
      }}
      onPointerMove={() => {
        const inline = 'transition: transform 120ms ease';
        return inline;
      }}
    >
      <table>
        <tbody>
          <tr>
            <td>fixture</td>
          </tr>
        </tbody>
      </table>
      <DialogContent />
      <Table />
      {String(db)}
    </section>
  );
}