Scenario generator for vore roleplay and story ideas.
https://scenario-generator.deliciousreya.net/responses
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
1.0 KiB
30 lines
1.0 KiB
import { TableEmoji, TableHeaderDataset, tableIdentifier, type TableProps, TableTitle } from './TableHeader';
|
|
import { GeneratedResult, type GeneratedResultProps } from './GeneratedResult';
|
|
|
|
export type GeneratedElementProps = {
|
|
table: TableProps
|
|
selected: boolean|null
|
|
} & GeneratedResultProps
|
|
|
|
// TODO: reconstitute this
|
|
// TODO: get a callback for checkbox value changes
|
|
|
|
export function GeneratedElement(props: GeneratedElementProps) {
|
|
const checkId = `selected-${tableIdentifier(props.table)}`
|
|
return <li class="generatedElement" id={`generated-${tableIdentifier(props.table)}`}>
|
|
<h2 class="generatedHead">
|
|
<label
|
|
class="generatedLabel tableHeader"
|
|
{...(props.selected !== null ? {"for": checkId} : {})}
|
|
{...TableHeaderDataset(props.table)}>
|
|
<TableEmoji {...props.table} />
|
|
{' '}
|
|
<TableTitle {...props.table} />
|
|
</label>
|
|
{props.selected !== null
|
|
? <input type="checkbox" class="generatedSelect" id={checkId} name={checkId} checked={props.selected} />
|
|
: null}
|
|
</h2>
|
|
<GeneratedResult {...props} />
|
|
</li>
|
|
}
|
|
|