import React from "react";

type Props = {
    children: React.ReactNode;
    label: string;
};

// Label on the left, control on the right — the shape used for export settings.
const Selector = ({ children, label }: Props) => (
    <div className="flex items-center justify-between gap-4">
        <label className="font-body text-[13px] text-text-body">{label}</label>
        <div className="w-32 flex-shrink-0">{children}</div>
    </div>
);

export default Selector;